diff --git a/.changeset/khaki-books-hang.md b/.changeset/khaki-books-hang.md
new file mode 100644
index 00000000000..d12bb9383f3
--- /dev/null
+++ b/.changeset/khaki-books-hang.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Advances remaining Skeleton components to 'alpha' status
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-colorblind-linux.png
new file mode 100644
index 00000000000..0be782c96b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-dimmed-linux.png
new file mode 100644
index 00000000000..8e5b2d73dc4
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..e5696fa713e
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-linux.png
new file mode 100644
index 00000000000..0be782c96b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..0be782c96b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-colorblind-linux.png
new file mode 100644
index 00000000000..00174fab0c6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-high-contrast-linux.png
new file mode 100644
index 00000000000..ef08cdb1235
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-linux.png
new file mode 100644
index 00000000000..00174fab0c6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-tritanopia-linux.png
new file mode 100644
index 00000000000..00174fab0c6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-colorblind-linux.png
new file mode 100644
index 00000000000..6418e999a7f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-dimmed-linux.png
new file mode 100644
index 00000000000..72cf3babbe6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..401be667b11
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-linux.png
new file mode 100644
index 00000000000..6418e999a7f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..6418e999a7f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-colorblind-linux.png
new file mode 100644
index 00000000000..3fbf141c675
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-high-contrast-linux.png
new file mode 100644
index 00000000000..08c713b5103
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-linux.png
new file mode 100644
index 00000000000..3fbf141c675
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-tritanopia-linux.png
new file mode 100644
index 00000000000..3fbf141c675
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-A-Stack-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-colorblind-linux.png
new file mode 100644
index 00000000000..7d95340a0b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-dimmed-linux.png
new file mode 100644
index 00000000000..f1abc6c93c8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..47967c0bdb3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-linux.png
new file mode 100644
index 00000000000..7d95340a0b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..7d95340a0b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-colorblind-linux.png
new file mode 100644
index 00000000000..45b54d10b9d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6f59989b9c1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-linux.png
new file mode 100644
index 00000000000..45b54d10b9d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-tritanopia-linux.png
new file mode 100644
index 00000000000..45b54d10b9d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-In-An-Avatar-Pair-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-colorblind-linux.png
new file mode 100644
index 00000000000..7f106262ea6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-dimmed-linux.png
new file mode 100644
index 00000000000..18813ab0ca0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..a472d456a7e
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-linux.png
new file mode 100644
index 00000000000..7f106262ea6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..7f106262ea6
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-colorblind-linux.png
new file mode 100644
index 00000000000..9ca23b9b068
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-high-contrast-linux.png
new file mode 100644
index 00000000000..dc94bd296e4
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-linux.png
new file mode 100644
index 00000000000..9ca23b9b068
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9ca23b9b068
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-Responsive-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-colorblind-linux.png
new file mode 100644
index 00000000000..843132cb7d4
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-dimmed-linux.png
new file mode 100644
index 00000000000..661fbe49c4c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..b68f0370ddb
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-linux.png
new file mode 100644
index 00000000000..843132cb7d4
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..843132cb7d4
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-colorblind-linux.png
new file mode 100644
index 00000000000..1a56108121c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-high-contrast-linux.png
new file mode 100644
index 00000000000..dbfaa4073b3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-linux.png
new file mode 100644
index 00000000000..1a56108121c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-tritanopia-linux.png
new file mode 100644
index 00000000000..1a56108121c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Size-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-colorblind-linux.png
new file mode 100644
index 00000000000..d5c52a18227
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-dimmed-linux.png
new file mode 100644
index 00000000000..b5833b8ebc0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..7d711b93a95
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-linux.png
new file mode 100644
index 00000000000..d5c52a18227
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..d5c52a18227
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-colorblind-linux.png
new file mode 100644
index 00000000000..9ee7f6afb97
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-high-contrast-linux.png
new file mode 100644
index 00000000000..ecde1bfbd75
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-linux.png
new file mode 100644
index 00000000000..9ee7f6afb97
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9ee7f6afb97
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonAvatar-Square-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-colorblind-linux.png
new file mode 100644
index 00000000000..85c6b60f561
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-dimmed-linux.png
new file mode 100644
index 00000000000..b4b50ab2594
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..dad8c2875d0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-linux.png
new file mode 100644
index 00000000000..85c6b60f561
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..85c6b60f561
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-colorblind-linux.png
new file mode 100644
index 00000000000..5242433f927
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-high-contrast-linux.png
new file mode 100644
index 00000000000..0d1207ec837
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-linux.png
new file mode 100644
index 00000000000..5242433f927
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-tritanopia-linux.png
new file mode 100644
index 00000000000..5242433f927
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Height-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-colorblind-linux.png
new file mode 100644
index 00000000000..e45a6828a92
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-dimmed-linux.png
new file mode 100644
index 00000000000..a422e770f8f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..85eb700cd73
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-linux.png
new file mode 100644
index 00000000000..e45a6828a92
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..e45a6828a92
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-colorblind-linux.png
new file mode 100644
index 00000000000..4036af209a0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6b0c8f4142a
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-linux.png
new file mode 100644
index 00000000000..4036af209a0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-tritanopia-linux.png
new file mode 100644
index 00000000000..4036af209a0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Custom-Width-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-colorblind-linux.png
new file mode 100644
index 00000000000..61b3d7ea724
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-dimmed-linux.png
new file mode 100644
index 00000000000..d51d6ee4780
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..2c55651292b
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-linux.png
new file mode 100644
index 00000000000..61b3d7ea724
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..61b3d7ea724
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-colorblind-linux.png
new file mode 100644
index 00000000000..fb0b8eb763f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-high-contrast-linux.png
new file mode 100644
index 00000000000..bb52a54f3e5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-linux.png
new file mode 100644
index 00000000000..fb0b8eb763f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-tritanopia-linux.png
new file mode 100644
index 00000000000..fb0b8eb763f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonBox-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-dimmed-linux.png
new file mode 100644
index 00000000000..47e6472cb69
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..60ae1d9488c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-colorblind-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6ff2d167771
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-tritanopia-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Large-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-colorblind-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-dimmed-linux.png
new file mode 100644
index 00000000000..b0e87b0e367
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..aae7c52a8fc
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-colorblind-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-high-contrast-linux.png
new file mode 100644
index 00000000000..687d61182e7
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Medium-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-colorblind-linux.png
new file mode 100644
index 00000000000..c7fdb0ee65b
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-dimmed-linux.png
new file mode 100644
index 00000000000..b26d3f14e0a
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..bb603325cce
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-linux.png
new file mode 100644
index 00000000000..c7fdb0ee65b
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..c7fdb0ee65b
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-colorblind-linux.png
new file mode 100644
index 00000000000..31bad650ce5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-high-contrast-linux.png
new file mode 100644
index 00000000000..aa7ed95909a
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-linux.png
new file mode 100644
index 00000000000..31bad650ce5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-tritanopia-linux.png
new file mode 100644
index 00000000000..31bad650ce5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Body-Small-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-colorblind-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-dimmed-linux.png
new file mode 100644
index 00000000000..b0e87b0e367
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..aae7c52a8fc
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..ace4b297f67
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-colorblind-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-high-contrast-linux.png
new file mode 100644
index 00000000000..687d61182e7
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9f7963f3e8d
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-colorblind-linux.png
new file mode 100644
index 00000000000..9b7b155ec4f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-dimmed-linux.png
new file mode 100644
index 00000000000..0784ed55c0f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d83c9d61952
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-linux.png
new file mode 100644
index 00000000000..9b7b155ec4f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..9b7b155ec4f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-colorblind-linux.png
new file mode 100644
index 00000000000..e4018abc263
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-high-contrast-linux.png
new file mode 100644
index 00000000000..b47cb31d654
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-linux.png
new file mode 100644
index 00000000000..e4018abc263
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-tritanopia-linux.png
new file mode 100644
index 00000000000..e4018abc263
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Display-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-colorblind-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-dimmed-linux.png
new file mode 100644
index 00000000000..120a73cae69
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..1bd7ace8e22
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-colorblind-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-high-contrast-linux.png
new file mode 100644
index 00000000000..d5a910088b5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Subtitle-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-colorblind-linux.png
new file mode 100644
index 00000000000..920744888a2
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-dimmed-linux.png
new file mode 100644
index 00000000000..8a455c47072
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..82444b22d61
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-linux.png
new file mode 100644
index 00000000000..920744888a2
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..920744888a2
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-colorblind-linux.png
new file mode 100644
index 00000000000..31a651c74ee
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-high-contrast-linux.png
new file mode 100644
index 00000000000..0b2ba5729b0
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-linux.png
new file mode 100644
index 00000000000..31a651c74ee
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-tritanopia-linux.png
new file mode 100644
index 00000000000..31a651c74ee
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Large-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-colorblind-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-dimmed-linux.png
new file mode 100644
index 00000000000..120a73cae69
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..1bd7ace8e22
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..36c208857a1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-colorblind-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-high-contrast-linux.png
new file mode 100644
index 00000000000..d5a910088b5
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-tritanopia-linux.png
new file mode 100644
index 00000000000..9a5316c3d1c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Medium-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-colorblind-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-dimmed-linux.png
new file mode 100644
index 00000000000..47e6472cb69
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..60ae1d9488c
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..5f75993c0e8
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-colorblind-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-high-contrast-linux.png
new file mode 100644
index 00000000000..6ff2d167771
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-tritanopia-linux.png
new file mode 100644
index 00000000000..53644b92805
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-Title-Small-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-colorblind-linux.png
new file mode 100644
index 00000000000..a8f41a28323
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-dimmed-linux.png
new file mode 100644
index 00000000000..8ed57596c07
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..90cace542d1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-linux.png
new file mode 100644
index 00000000000..a8f41a28323
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..a8f41a28323
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-colorblind-linux.png
new file mode 100644
index 00000000000..038579c61a3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-high-contrast-linux.png
new file mode 100644
index 00000000000..b10ac11736e
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-linux.png
new file mode 100644
index 00000000000..038579c61a3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-tritanopia-linux.png
new file mode 100644
index 00000000000..038579c61a3
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Max-Width-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-colorblind-linux.png
new file mode 100644
index 00000000000..d208532bac1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-dimmed-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-dimmed-linux.png
new file mode 100644
index 00000000000..e92739ab035
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..4ac1834b502
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-linux.png
new file mode 100644
index 00000000000..d208532bac1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..d208532bac1
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-colorblind-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-colorblind-linux.png
new file mode 100644
index 00000000000..ac84ed37f3f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-high-contrast-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-high-contrast-linux.png
new file mode 100644
index 00000000000..a343cf936c9
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-linux.png
new file mode 100644
index 00000000000..ac84ed37f3f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-linux.png differ
diff --git a/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-tritanopia-linux.png b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-tritanopia-linux.png
new file mode 100644
index 00000000000..ac84ed37f3f
Binary files /dev/null and b/.playwright/snapshots/components/Skeletons.test.ts-snapshots/Skeleton-SkeletonText-With-Multiple-Lines-light-tritanopia-linux.png differ
diff --git a/e2e/components/Skeletons.test.ts b/e2e/components/Skeletons.test.ts
index 20de053ec69..13ed37118f6 100644
--- a/e2e/components/Skeletons.test.ts
+++ b/e2e/components/Skeletons.test.ts
@@ -2,391 +2,125 @@ import {test, expect} from '@playwright/test'
 import {visit} from '../test-helpers/storybook'
 import {themes} from '../test-helpers/themes'
 
-test.describe('Skeleton', () => {
-  //
-  // SkeletonAvatar
-  //
-  test.describe('SkeletonAvatar - Default', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonAvatar.Default.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonAvatar - In A Stack', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar-features--in-a-stack',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonAvatar.InAStack.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonAvatar - In An AvatarPair', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar-features--in-an-avatar-pair',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonAvatar.InAnAvatarPair.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonAvatar - Size', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar-features--size',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonAvatar.Size.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonAvatar - Size Responsive', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar-features--size-responsive',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonAvatar.SizeResponsive.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonAvatar - Square', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletonavatar-features--square',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonAvatar.Square.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  //
-  // SkeletonBox
-  //
-  test.describe('SkeletonBox - Default', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-skeleton-skeletonbox--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonBox.Default.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonBox - Height', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-skeleton-skeletonbox-features--custom-height',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonBox.Height.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonBox - Width', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-skeleton-skeletonbox-features--custom-width',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonBox.Width.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  //
-  // SkeletonText
-  //
-  test.describe('SkeletonText - Default', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonText.Default.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Body Large', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--body-large',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonText.BodyLarge.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Body Medium', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--body-medium',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.BodyMedium.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Body Small', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--body-small',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonText.BodySmall.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Display', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--display',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonText.Display.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Subtitle', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--subtitle',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`SkeletonText.Subtitle.${theme}.png`)
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Title Large', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--title-large',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.TitleLarge.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
+const stories = [
+  {
+    title: 'SkeletonAvatar Default',
+    id: 'components-skeleton-skeletonavatar--default',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonAvatar In A Stack',
+    id: 'components-skeleton-skeletonavatar-features--in-a-stack',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonAvatar In An Avatar Pair',
+    id: 'components-skeleton-skeletonavatar-features--in-an-avatar-pair',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonAvatar Size',
+    id: 'components-skeleton-skeletonavatar-features--size',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonAvatar Size Responsive',
+    id: 'components-skeleton-skeletonavatar-features--size-responsive',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonAvatar Square',
+    id: 'components-skeleton-skeletonavatar-features--square',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonBox Default',
+    id: 'components-skeleton-skeletonbox--default',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonBox Custom Height',
+    id: 'components-skeleton-skeletonbox-features--custom-height',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonBox Custom Width',
+    id: 'components-skeleton-skeletonbox-features--custom-width',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Default',
+    id: 'components-skeleton-skeletontext--default',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Body Large',
+    id: 'components-skeleton-skeletontext-features--body-large',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Body Medium',
+    id: 'components-skeleton-skeletontext-features--body-medium',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Body Small',
+    id: 'components-skeleton-skeletontext-features--body-small',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Display',
+    id: 'components-skeleton-skeletontext-features--display',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Subtitle',
+    id: 'components-skeleton-skeletontext-features--subtitle',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Title Large',
+    id: 'components-skeleton-skeletontext-features--title-large',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Title Medium',
+    id: 'components-skeleton-skeletontext-features--title-medium',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText Title Small',
+    id: 'components-skeleton-skeletontext-features--title-small',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText With Max Width',
+    id: 'components-skeleton-skeletontext-features--with-max-width',
+    disableAnimations: true,
+  },
+  {
+    title: 'SkeletonText With Multiple Lines',
+    id: 'components-skeleton-skeletontext-features--with-multiple-lines',
+    disableAnimations: true,
+  },
+] as const
 
-  test.describe('SkeletonText - Title Medium', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--title-medium',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.TitleMedium.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - Title Small', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--title-small',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.TitleSmall.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - With Max Width', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--with-max-width',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.WithMaxWidth.${theme}.png`,
-          )
-        })
-      })
-    }
-  })
-
-  test.describe('SkeletonText - With Multiple Lines', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
+test.describe('Skeleton', () => {
+  for (const story of stories) {
+    test.describe(story.title, () => {
+      for (const theme of themes) {
+        test(`default @vrt ${theme}`, async ({page}) => {
           await visit(page, {
-            id: 'experimental-components-skeleton-skeletontext-features--with-multiple-lines',
+            id: story.id,
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
-            `SkeletonText.WithMultipleLines.${theme}.png`,
-          )
+          await expect(page).toHaveScreenshot(`Skeleton.${story.title}.${theme}.png`)
         })
-      })
-    }
-  })
+      }
+    })
+  }
 })
diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js
index 91a7ed88caf..cb435618252 100644
--- a/packages/react/jest.config.js
+++ b/packages/react/jest.config.js
@@ -44,6 +44,8 @@ module.exports = {
     '<rootDir>/src/ScrollableRegion/',
     '<rootDir>/src/Select/',
     '<rootDir>/src/Skeleton/',
+    '<rootDir>/src/SkeletonText/',
+    '<rootDir>/src/SkeletonAvatar/',
     '<rootDir>/src/Spinner/',
     '<rootDir>/src/Stack/',
     '<rootDir>/src/StateLabel/',
@@ -70,7 +72,6 @@ module.exports = {
     '<rootDir>/src/__tests__/theme.test.ts',
     '<rootDir>/src/__tests__/themeGet.test.ts',
     '<rootDir>/src/__tests__/useSafeTimeout.test.ts',
-    '<rootDir>/src/experimental/Skeleton',
     '<rootDir>/src/hooks/',
     '<rootDir>/src/internal/utils/',
     '<rootDir>/src/live-region/',
diff --git a/packages/react/src/AvatarPair/AvatarPair.tsx b/packages/react/src/AvatarPair/AvatarPair.tsx
index b6f0aa1b967..2cde8ece710 100644
--- a/packages/react/src/AvatarPair/AvatarPair.tsx
+++ b/packages/react/src/AvatarPair/AvatarPair.tsx
@@ -1,7 +1,7 @@
 import React, {type HTMLProps} from 'react'
 import type {AvatarProps} from '../Avatar'
 import Avatar from '../Avatar'
-import {SkeletonAvatar} from '../experimental/Skeleton/SkeletonAvatar'
+import {SkeletonAvatar} from '../SkeletonAvatar'
 import classes from './AvatarPair.module.css'
 import {clsx} from 'clsx'
 
diff --git a/packages/react/src/DataTable/Table.tsx b/packages/react/src/DataTable/Table.tsx
index 7ed6ae88cf9..e093c015dc9 100644
--- a/packages/react/src/DataTable/Table.tsx
+++ b/packages/react/src/DataTable/Table.tsx
@@ -8,7 +8,7 @@ import type {Column, CellAlignment} from './column'
 import type {UniqueRow} from './row'
 import {SortDirection} from './sorting'
 import {useTableLayout} from './useTable'
-import {SkeletonText} from '../experimental/Skeleton/SkeletonText'
+import {SkeletonText} from '../SkeletonText'
 import {ScrollableRegion} from '../ScrollableRegion'
 import {Button} from '../internal/components/ButtonReset'
 import classes from './Table.module.css'
diff --git a/packages/react/src/FilteredActionList/FilteredActionListLoaders.tsx b/packages/react/src/FilteredActionList/FilteredActionListLoaders.tsx
index ba636651bf4..05e6007819c 100644
--- a/packages/react/src/FilteredActionList/FilteredActionListLoaders.tsx
+++ b/packages/react/src/FilteredActionList/FilteredActionListLoaders.tsx
@@ -1,7 +1,7 @@
 import Box from '../Box'
 import Spinner from '../Spinner'
 import {Stack} from '../Stack/Stack'
-import {SkeletonBox} from '../experimental/Skeleton'
+import {SkeletonBox} from '../Skeleton/SkeletonBox'
 import classes from './FilteredActionListLoaders.module.css'
 
 export class FilteredActionListLoadingType {
diff --git a/packages/react/src/experimental/Skeleton/Skeleton.examples.stories.tsx b/packages/react/src/Skeleton/Skeleton.examples.stories.tsx
similarity index 95%
rename from packages/react/src/experimental/Skeleton/Skeleton.examples.stories.tsx
rename to packages/react/src/Skeleton/Skeleton.examples.stories.tsx
index 56b598112a3..15ff71cc47d 100644
--- a/packages/react/src/experimental/Skeleton/Skeleton.examples.stories.tsx
+++ b/packages/react/src/Skeleton/Skeleton.examples.stories.tsx
@@ -1,14 +1,14 @@
 import React, {Suspense} from 'react'
 import type {Meta} from '@storybook/react-vite'
-import type {ComponentProps} from '../../utils/types'
-import {SkeletonText} from './SkeletonText'
-import {Avatar, Box, Button, IconButton, Text} from '../../'
-import {SkeletonAvatar} from './SkeletonAvatar'
-import {VisuallyHidden} from '../../VisuallyHidden'
+import type {ComponentProps} from '../utils/types'
+import {SkeletonText} from '../SkeletonText'
+import {Avatar, Box, Button, IconButton, Text} from '../'
+import {SkeletonAvatar} from '../SkeletonAvatar'
+import {VisuallyHidden} from '../VisuallyHidden'
 import {KebabHorizontalIcon} from '@primer/octicons-react'
 
 export default {
-  title: 'Experimental/Components/Skeleton/Examples',
+  title: 'Components/Skeleton/Examples',
 } as Meta<ComponentProps<typeof SkeletonText>>
 
 const COMMENT_LIST_LENGTH = 3
diff --git a/packages/react/src/Skeleton/SkeletonBox.tsx b/packages/react/src/Skeleton/SkeletonBox.tsx
index 51a6c537ceb..3f747fdcfca 100644
--- a/packages/react/src/Skeleton/SkeletonBox.tsx
+++ b/packages/react/src/Skeleton/SkeletonBox.tsx
@@ -11,14 +11,15 @@ export type SkeletonBoxProps = {
   width?: CSSProperties['width']
   /** The className of the skeleton box */
   className?: string
-} & HTMLProps<HTMLDivElement>
+} & HTMLProps<HTMLElement>
 
-export const SkeletonBox = React.forwardRef<HTMLDivElement, SkeletonBoxProps>(function SkeletonBox(
+export const SkeletonBox = React.forwardRef<HTMLElement, SkeletonBoxProps>(function SkeletonBox(
   {height, width, className, style, ...props},
   ref,
 ) {
   return (
     <div
+      ref={ref as React.RefObject<HTMLDivElement>}
       className={clsx(className, classes.SkeletonBox)}
       style={merge(
         style as CSSProperties,
@@ -28,7 +29,6 @@ export const SkeletonBox = React.forwardRef<HTMLDivElement, SkeletonBoxProps>(fu
         } as CSSProperties,
       )}
       {...props}
-      ref={ref}
     />
   )
 })
diff --git a/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx b/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx
index b56753e8539..27e275836d9 100644
--- a/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx
+++ b/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx
@@ -6,4 +6,10 @@ describe('SkeletonBox', () => {
   it('should support `className` on the outermost element', () => {
     expect(render(<SkeletonBox className={'test-class-name'} />).container.firstChild).toHaveClass('test-class-name')
   })
+
+  it('uses the default size when size is not provided', () => {
+    const {container} = render(<SkeletonBox width={200} height={100} />)
+    expect(container.firstChild).toHaveStyle('height: 100px')
+    expect(container.firstChild).toHaveStyle('width: 200px')
+  })
 })
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json b/packages/react/src/SkeletonAvatar/SkeletonAvatar.docs.json
similarity index 59%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.docs.json
index 769e560f30a..bbd5c65ac66 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.docs.json
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.docs.json
@@ -1,26 +1,26 @@
 {
   "id": "skeleton_avatar",
   "name": "SkeletonAvatar",
-  "status": "draft",
+  "status": "alpha",
   "a11yReviewed": false,
   "stories": [
     {
-      "id": "experimental-components-skeleton-skeletonavatar--default"
+      "id": "components-skeleton-skeletonavatar--default"
     },
     {
-      "id": "experimental-components-skeleton-skeletonavatar-features--square"
+      "id": "components-skeleton-skeletonavatar-features--square"
     },
     {
-      "id": "experimental-components-skeleton-skeletonavatar-features--size"
+      "id": "components-skeleton-skeletonavatar-features--size"
     },
     {
-      "id": "experimental-components-skeleton-skeletonavatar-features--size-responsive"
+      "id": "components-skeleton-skeletonavatar-features--size-responsive"
     },
     {
-      "id": "experimental-components-skeleton-skeletonavatar-features--in-a-stack"
+      "id": "components-skeleton-skeletonavatar-features--in-a-stack"
     },
     {
-      "id": "experimental-components-skeleton-skeletonavatar-features--in-an-avatar-pair"
+      "id": "components-skeleton-skeletonavatar-features--in-an-avatar-pair"
     }
   ],
   "importPath": "@primer/react/experimental",
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.features.stories.tsx b/packages/react/src/SkeletonAvatar/SkeletonAvatar.features.stories.tsx
similarity index 89%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.features.stories.tsx
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.features.stories.tsx
index aeff67ed2e7..948ca820948 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.features.stories.tsx
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.features.stories.tsx
@@ -1,10 +1,11 @@
 import type {Meta} from '@storybook/react-vite'
-import type {ComponentProps} from '../../utils/types'
+import type {ComponentProps} from '../utils/types'
 import {SkeletonAvatar} from './SkeletonAvatar'
-import {AvatarStack, AvatarPair} from '../../'
+import AvatarStack from '../AvatarStack'
+import AvatarPair from '../AvatarPair'
 
 export default {
-  title: 'Experimental/Components/Skeleton/SkeletonAvatar/Features',
+  title: 'Components/Skeleton/SkeletonAvatar/Features',
   component: SkeletonAvatar,
 } as Meta<ComponentProps<typeof SkeletonAvatar>>
 
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.figma.tsx b/packages/react/src/SkeletonAvatar/SkeletonAvatar.figma.tsx
similarity index 90%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.figma.tsx
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.figma.tsx
index 8046b780dd8..284f0b5e142 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.figma.tsx
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.figma.tsx
@@ -1,4 +1,4 @@
-import {SkeletonAvatar} from '../../../src/experimental/'
+import {SkeletonAvatar} from '../SkeletonAvatar'
 import figma from '@figma/code-connect'
 
 figma.connect(
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.module.css b/packages/react/src/SkeletonAvatar/SkeletonAvatar.module.css
similarity index 100%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.module.css
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.module.css
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.stories.tsx b/packages/react/src/SkeletonAvatar/SkeletonAvatar.stories.tsx
similarity index 81%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.stories.tsx
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.stories.tsx
index 35f44a2e385..a3dd07173a8 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.stories.tsx
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.stories.tsx
@@ -1,11 +1,11 @@
 import type {Meta, StoryFn} from '@storybook/react-vite'
-import type {ComponentProps} from '../../utils/types'
+import type {ComponentProps} from '../utils/types'
 import {SkeletonAvatar, type SkeletonAvatarProps} from './SkeletonAvatar'
-import {parseSizeFromArgs} from '../../Avatar/storyHelpers'
-import {DEFAULT_AVATAR_SIZE} from '../../Avatar/Avatar'
+import {parseSizeFromArgs} from '../Avatar/storyHelpers'
+import {DEFAULT_AVATAR_SIZE} from '../Avatar/Avatar'
 
 export default {
-  title: 'Experimental/Components/Skeleton/SkeletonAvatar',
+  title: 'Components/Skeleton/SkeletonAvatar',
   component: SkeletonAvatar,
 } as Meta<ComponentProps<typeof SkeletonAvatar>>
 
diff --git a/packages/react/src/SkeletonAvatar/SkeletonAvatar.test.tsx b/packages/react/src/SkeletonAvatar/SkeletonAvatar.test.tsx
new file mode 100644
index 00000000000..3a2e0949e4b
--- /dev/null
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.test.tsx
@@ -0,0 +1,31 @@
+import {render} from '@testing-library/react'
+import {describe, expect, it} from 'vitest'
+import {SkeletonAvatar} from '../SkeletonAvatar'
+import {DEFAULT_AVATAR_SIZE} from '../Avatar/Avatar'
+
+describe('SkeletonAvatar', () => {
+  it('applies the given size', () => {
+    const {container} = render(<SkeletonAvatar size={48} />)
+    expect(container.firstChild).toHaveStyle('--avatarSize-regular: 48px;')
+  })
+
+  it('uses the default size when size is not provided', () => {
+    const {container} = render(<SkeletonAvatar />)
+    expect(container.firstChild).toHaveStyle(`--avatarSize-regular: ${DEFAULT_AVATAR_SIZE}px`)
+  })
+
+  it('renders as a square when square prop is true', () => {
+    const {container} = render(<SkeletonAvatar square />)
+    expect(container.firstChild).toHaveAttribute('data-square')
+  })
+
+  it('applies the given className', () => {
+    const {container} = render(<SkeletonAvatar className="custom-class" />)
+    expect(container.firstChild).toHaveClass('custom-class')
+  })
+
+  it('spreads extra props on the outermost element', () => {
+    const {container} = render(<SkeletonAvatar data-testid="avatar" />)
+    expect(container.firstChild).toHaveAttribute('data-testid', 'avatar')
+  })
+})
diff --git a/packages/react/src/experimental/Skeleton/SkeletonAvatar.tsx b/packages/react/src/SkeletonAvatar/SkeletonAvatar.tsx
similarity index 60%
rename from packages/react/src/experimental/Skeleton/SkeletonAvatar.tsx
rename to packages/react/src/SkeletonAvatar/SkeletonAvatar.tsx
index f2dd8a62d6f..9d522862ea8 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonAvatar.tsx
+++ b/packages/react/src/SkeletonAvatar/SkeletonAvatar.tsx
@@ -1,25 +1,21 @@
 import type React from 'react'
 import {type CSSProperties} from 'react'
-import {isResponsiveValue} from '../../hooks/useResponsiveValue'
-import type {AvatarProps} from '../../Avatar'
-import {DEFAULT_AVATAR_SIZE} from '../../Avatar/Avatar'
-import {SkeletonBox} from '../../Skeleton'
+import {isResponsiveValue} from '../hooks/useResponsiveValue'
+import type {AvatarProps} from '../Avatar'
+import {DEFAULT_AVATAR_SIZE} from '../Avatar/Avatar'
+import {SkeletonBox} from '../Skeleton'
 import classes from './SkeletonAvatar.module.css'
 import {clsx} from 'clsx'
-import {merge} from '../../sx'
+import {merge} from '../sx'
 
-export type SkeletonAvatarProps = Pick<AvatarProps, 'size' | 'square'> & {
+interface SkeletonAvatarProps extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
   /** Class name for custom styling */
   className?: string
-} & Omit<React.HTMLProps<HTMLDivElement>, 'size'>
+  size?: AvatarProps['size']
+  square?: AvatarProps['square']
+}
 
-export const SkeletonAvatar: React.FC<SkeletonAvatarProps> = ({
-  size = DEFAULT_AVATAR_SIZE,
-  square,
-  className,
-  style,
-  ...rest
-}) => {
+function SkeletonAvatar({size = DEFAULT_AVATAR_SIZE, square, className, style, ...rest}: SkeletonAvatarProps) {
   const responsive = isResponsiveValue(size)
   const cssSizeVars = {} as Record<string, string>
 
@@ -42,3 +38,6 @@ export const SkeletonAvatar: React.FC<SkeletonAvatarProps> = ({
     />
   )
 }
+
+export {SkeletonAvatar}
+export type {SkeletonAvatarProps}
diff --git a/packages/react/src/SkeletonAvatar/index.ts b/packages/react/src/SkeletonAvatar/index.ts
new file mode 100644
index 00000000000..9cc29fb7707
--- /dev/null
+++ b/packages/react/src/SkeletonAvatar/index.ts
@@ -0,0 +1,2 @@
+export {SkeletonAvatar} from './SkeletonAvatar'
+export type {SkeletonAvatarProps} from './SkeletonAvatar'
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.docs.json b/packages/react/src/SkeletonText/SkeletonText.docs.json
similarity index 53%
rename from packages/react/src/experimental/Skeleton/SkeletonText.docs.json
rename to packages/react/src/SkeletonText/SkeletonText.docs.json
index ed691e649b0..24c9ed0c412 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonText.docs.json
+++ b/packages/react/src/SkeletonText/SkeletonText.docs.json
@@ -1,41 +1,41 @@
 {
   "id": "skeleton_text",
   "name": "SkeletonText",
-  "status": "draft",
+  "status": "alpha",
   "a11yReviewed": false,
   "stories": [
     {
-      "id": "experimental-components-skeleton-skeletontext--default"
+      "id": "components-skeleton-skeletontext--default"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--with-max-width"
+      "id": "components-skeleton-skeletontext-features--with-max-width"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--with-multiple-lines"
+      "id": "components-skeleton-skeletontext-features--with-multiple-lines"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--display"
+      "id": "components-skeleton-skeletontext-features--display"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--subtitle"
+      "id": "components-skeleton-skeletontext-features--subtitle"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--title-large"
+      "id": "components-skeleton-skeletontext-features--title-large"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--title-medium"
+      "id": "components-skeleton-skeletontext-features--title-medium"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--title-small"
+      "id": "components-skeleton-skeletontext-features--title-small"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--body-large"
+      "id": "components-skeleton-skeletontext-features--body-large"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--body-medium"
+      "id": "components-skeleton-skeletontext-features--body-medium"
     },
     {
-      "id": "experimental-components-skeleton-skeletontext-features--body-small"
+      "id": "components-skeleton-skeletontext-features--body-small"
     }
   ],
   "importPath": "@primer/react/experimental",
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.features.stories.tsx b/packages/react/src/SkeletonText/SkeletonText.features.stories.tsx
similarity index 87%
rename from packages/react/src/experimental/Skeleton/SkeletonText.features.stories.tsx
rename to packages/react/src/SkeletonText/SkeletonText.features.stories.tsx
index d05028eb9bc..3dc34872483 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonText.features.stories.tsx
+++ b/packages/react/src/SkeletonText/SkeletonText.features.stories.tsx
@@ -1,9 +1,9 @@
 import type {Meta} from '@storybook/react-vite'
-import type {ComponentProps} from '../../utils/types'
+import type {ComponentProps} from '../utils/types'
 import {SkeletonText} from './SkeletonText'
 
 export default {
-  title: 'Experimental/Components/Skeleton/SkeletonText/Features',
+  title: 'Components/Skeleton/SkeletonText/Features',
   component: SkeletonText,
 } as Meta<ComponentProps<typeof SkeletonText>>
 
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.figma.tsx b/packages/react/src/SkeletonText/SkeletonText.figma.tsx
similarity index 96%
rename from packages/react/src/experimental/Skeleton/SkeletonText.figma.tsx
rename to packages/react/src/SkeletonText/SkeletonText.figma.tsx
index 6e5e3add5da..aae800750ff 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonText.figma.tsx
+++ b/packages/react/src/SkeletonText/SkeletonText.figma.tsx
@@ -1,4 +1,4 @@
-import {SkeletonText} from '../../../src/experimental/'
+import {SkeletonText} from '../SkeletonText'
 import figma from '@figma/code-connect'
 
 const props = {
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.module.css b/packages/react/src/SkeletonText/SkeletonText.module.css
similarity index 100%
rename from packages/react/src/experimental/Skeleton/SkeletonText.module.css
rename to packages/react/src/SkeletonText/SkeletonText.module.css
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.stories.tsx b/packages/react/src/SkeletonText/SkeletonText.stories.tsx
similarity index 86%
rename from packages/react/src/experimental/Skeleton/SkeletonText.stories.tsx
rename to packages/react/src/SkeletonText/SkeletonText.stories.tsx
index ed206f7d5f2..b4eb26420a9 100644
--- a/packages/react/src/experimental/Skeleton/SkeletonText.stories.tsx
+++ b/packages/react/src/SkeletonText/SkeletonText.stories.tsx
@@ -1,9 +1,9 @@
 import type {Meta, StoryFn} from '@storybook/react-vite'
-import type {ComponentProps} from '../../utils/types'
+import type {ComponentProps} from '../utils/types'
 import {SkeletonText} from './SkeletonText'
 
 export default {
-  title: 'Experimental/Components/Skeleton/SkeletonText',
+  title: 'Components/Skeleton/SkeletonText',
   component: SkeletonText,
 } as Meta<ComponentProps<typeof SkeletonText>>
 
diff --git a/packages/react/src/SkeletonText/SkeletonText.test.tsx b/packages/react/src/SkeletonText/SkeletonText.test.tsx
new file mode 100644
index 00000000000..c05003d85b7
--- /dev/null
+++ b/packages/react/src/SkeletonText/SkeletonText.test.tsx
@@ -0,0 +1,32 @@
+import {render} from '@testing-library/react'
+import {describe, expect, it} from 'vitest'
+import {SkeletonText} from '../SkeletonText'
+
+describe('SkeletonText', () => {
+  it('should support `className` on the outermost element', () => {
+    const {container} = render(<SkeletonText className={'test-class-name'} />)
+    expect(container.firstChild).toHaveClass('test-class-name')
+  })
+
+  it('should support spreading extra props on the outermost element', () => {
+    const {container} = render(<SkeletonText data-testid="skeleton-text" />)
+    expect(container.firstChild).toHaveAttribute('data-testid', 'skeleton-text')
+  })
+
+  it('should render with the correct size', () => {
+    const {container} = render(<SkeletonText size="display" />)
+    expect(container.firstChild).toHaveAttribute('data-text-skeleton-size', 'display')
+  })
+
+  it('should render the correct number of lines', () => {
+    const {container} = render(<SkeletonText lines={3} />)
+    // Assuming each line is rendered as a child element (e.g., <span> or <div>)
+    // Adjust the selector as needed based on implementation
+    expect(container.firstChild?.childNodes.length).toBe(3)
+  })
+
+  it('should apply maxWidth style', () => {
+    const {container} = render(<SkeletonText maxWidth="200px" />)
+    expect(container.firstChild).toHaveStyle({maxWidth: '200px'})
+  })
+})
diff --git a/packages/react/src/SkeletonText/SkeletonText.tsx b/packages/react/src/SkeletonText/SkeletonText.tsx
new file mode 100644
index 00000000000..37ebb21b013
--- /dev/null
+++ b/packages/react/src/SkeletonText/SkeletonText.tsx
@@ -0,0 +1,59 @@
+import type React from 'react'
+import {type HTMLProps} from 'react'
+import classes from './SkeletonText.module.css'
+import {clsx} from 'clsx'
+import {SkeletonBox} from '../Skeleton'
+
+interface SkeletonTextProps extends Omit<HTMLProps<HTMLElement>, 'size'> {
+  /** Size of the text that the skeleton is replacing. */
+  size?: 'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'
+  /** Number of lines of skeleton text to render. */
+  lines?: number
+  /** Maximum width that the line(s) of skeleton text can take up.  Accepts any valid CSS `max-width` value. */
+  maxWidth?: React.CSSProperties['maxWidth']
+  /** Class name for custom styling */
+  className?: string
+}
+
+function SkeletonText({lines = 1, maxWidth, size = 'bodyMedium', className, style, ...rest}: SkeletonTextProps) {
+  if (lines < 2) {
+    return (
+      <SkeletonBox
+        data-component="SkeletonText"
+        data-text-skeleton-size={size}
+        width="100%"
+        className={clsx(className, classes.SkeletonText)}
+        style={{
+          ...style,
+          maxWidth,
+        }}
+        {...rest}
+      />
+    )
+  }
+
+  return (
+    <div
+      data-component="multilineContainer"
+      className={classes.SkeletonTextWrapper}
+      style={{
+        ...style,
+        maxWidth,
+      }}
+    >
+      {Array.from({length: lines}, (_, index) => (
+        <SkeletonBox
+          key={index}
+          data-component="SkeletonText"
+          data-in-multiline="true"
+          data-text-skeleton-size={size}
+          className={clsx(className, classes.SkeletonText)}
+          {...rest}
+        />
+      ))}
+    </div>
+  )
+}
+
+export {SkeletonText}
+export type {SkeletonTextProps}
diff --git a/packages/react/src/SkeletonText/index.ts b/packages/react/src/SkeletonText/index.ts
new file mode 100644
index 00000000000..4501edbdf8e
--- /dev/null
+++ b/packages/react/src/SkeletonText/index.ts
@@ -0,0 +1,2 @@
+export {SkeletonText} from './SkeletonText'
+export type {SkeletonTextProps} from './SkeletonText'
diff --git a/packages/react/src/TreeView/TreeView.tsx b/packages/react/src/TreeView/TreeView.tsx
index ed857b5f971..9341ed7e7c5 100644
--- a/packages/react/src/TreeView/TreeView.tsx
+++ b/packages/react/src/TreeView/TreeView.tsx
@@ -18,8 +18,8 @@ import {useSlots} from '../hooks/useSlots'
 import {getAccessibleName} from './shared'
 import {getFirstChildElement, useRovingTabIndex} from './useRovingTabIndex'
 import {useTypeahead} from './useTypeahead'
-import {SkeletonAvatar} from '../experimental/Skeleton/SkeletonAvatar'
-import {SkeletonText} from '../experimental/Skeleton/SkeletonText'
+import {SkeletonAvatar} from '../SkeletonAvatar'
+import {SkeletonText} from '../SkeletonText'
 
 // ----------------------------------------------------------------------------
 // Context
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index f2b122b64f1..655d13269d6 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -314,8 +314,11 @@ exports[`@primer/react/experimental > should not update exports without a semver
   "type SelectPanelProps",
   "type SelectPanelSecondaryActionProps",
   "SkeletonAvatar",
+  "type SkeletonAvatarProps",
   "SkeletonBox",
+  "type SkeletonBoxProps",
   "SkeletonText",
+  "type SkeletonTextProps",
   "type SlotConfig",
   "Stack",
   "type StackItemProps",
diff --git a/packages/react/src/experimental/Skeleton/SkeletonText.tsx b/packages/react/src/experimental/Skeleton/SkeletonText.tsx
deleted file mode 100644
index 42b69a0afb3..00000000000
--- a/packages/react/src/experimental/Skeleton/SkeletonText.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import type React from 'react'
-import {type CSSProperties, type HTMLProps} from 'react'
-import classes from './SkeletonText.module.css'
-import {clsx} from 'clsx'
-import {merge} from '../../sx'
-import {SkeletonBox} from '../../Skeleton'
-
-type SkeletonTextProps = {
-  /** Size of the text that the skeleton is replacing. */
-  size?: 'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'
-  /** Number of lines of skeleton text to render. */
-  lines?: number
-  /** Maximum width that the line(s) of skeleton text can take up.  Accepts any valid CSS `max-width` value. */
-  maxWidth?: React.CSSProperties['maxWidth']
-  /** Class name for custom styling */
-  className?: string
-} & Omit<HTMLProps<HTMLDivElement>, 'size'>
-
-export const SkeletonText: React.FC<SkeletonTextProps> = ({
-  lines = 1,
-  maxWidth,
-  size = 'bodyMedium',
-  className,
-  style,
-  ...rest
-}) => {
-  if (lines < 2) {
-    return (
-      <SkeletonBox
-        data-component="SkeletonText"
-        data-text-skeleton-size={size}
-        width="100%"
-        className={clsx(className, classes.SkeletonText)}
-        style={merge(style as CSSProperties, {maxWidth} as CSSProperties)}
-        {...rest}
-      />
-    )
-  } else {
-    return (
-      <div
-        data-component="multilineContainer"
-        className={classes.SkeletonTextWrapper}
-        style={merge(style as CSSProperties, {maxWidth} as CSSProperties)}
-      >
-        {Array.from({length: lines}, (_, index) => (
-          <SkeletonBox
-            key={index}
-            data-component="SkeletonText"
-            data-in-multiline="true"
-            data-text-skeleton-size={size}
-            className={clsx(className, classes.SkeletonText)}
-            {...rest}
-          />
-        ))}
-      </div>
-    )
-  }
-}
diff --git a/packages/react/src/experimental/Skeleton/__tests__/SkeletonText.test.tsx b/packages/react/src/experimental/Skeleton/__tests__/SkeletonText.test.tsx
deleted file mode 100644
index 02831ad1f4d..00000000000
--- a/packages/react/src/experimental/Skeleton/__tests__/SkeletonText.test.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import {render} from '@testing-library/react'
-import {describe, it, expect} from 'vitest'
-import {SkeletonText} from '../SkeletonText'
-
-describe('SkeletonText', () => {
-  it('should support `className` on the outermost element', () => {
-    const {container} = render(<SkeletonText className={'test-class-name'} />)
-    expect(container.firstChild).toHaveClass('test-class-name')
-  })
-})
diff --git a/packages/react/src/experimental/Skeleton/index.ts b/packages/react/src/experimental/Skeleton/index.ts
deleted file mode 100644
index c7e7803eee6..00000000000
--- a/packages/react/src/experimental/Skeleton/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export {SkeletonBox} from '../../Skeleton/SkeletonBox'
-export {SkeletonText} from './SkeletonText'
-export {SkeletonAvatar} from './SkeletonAvatar'
diff --git a/packages/react/src/experimental/index.ts b/packages/react/src/experimental/index.ts
index 9346c8c39a6..eac14c85f6e 100644
--- a/packages/react/src/experimental/index.ts
+++ b/packages/react/src/experimental/index.ts
@@ -75,7 +75,12 @@ export type {AnnounceProps, AriaStatusProps, AriaAlertProps} from '../live-regio
 export {UnderlinePanels} from './UnderlinePanels'
 export type {UnderlinePanelsProps, UnderlinePanelsTabProps, UnderlinePanelsPanelProps} from './UnderlinePanels'
 
-export {SkeletonBox, SkeletonText, SkeletonAvatar} from './Skeleton'
+export {SkeletonBox} from '../Skeleton'
+export type {SkeletonBoxProps} from '../Skeleton'
+export {SkeletonText} from '../SkeletonText'
+export type {SkeletonTextProps} from '../SkeletonText'
+export {SkeletonAvatar} from '../SkeletonAvatar'
+export type {SkeletonAvatarProps} from '../SkeletonAvatar'
 export {FeatureFlags, DefaultFeatureFlags, useFeatureFlag} from '../FeatureFlags'
 export type {FeatureFlagsProps} from '../FeatureFlags'
 
diff --git a/packages/react/vitest.config.browser.mts b/packages/react/vitest.config.browser.mts
index 7d6f1ab2b42..1dbca2e1b06 100644
--- a/packages/react/vitest.config.browser.mts
+++ b/packages/react/vitest.config.browser.mts
@@ -57,6 +57,8 @@ export default defineConfig({
       'src/ScrollableRegion/**/*.test.?(c|m)[jt]s?(x)',
       'src/Select/**/*.test.?(c|m)[jt]s?(x)',
       'src/Skeleton/**/*.test.?(c|m)[jt]s?(x)',
+      'src/SkeletonText/**/*.test.?(c|m)[jt]s?(x)',
+      'src/SkeletonAvatar/**/*.test.?(c|m)[jt]s?(x)',
       'src/Spinner/**/*.test.?(c|m)[jt]s?(x)',
       'src/Stack/**/*.test.?(c|m)[jt]s?(x)',
       'src/StateLabel/**/*.test.?(c|m)[jt]s?(x)',
@@ -80,7 +82,6 @@ export default defineConfig({
       'src/__tests__/filterObject.test.ts',
       'src/__tests__/theme.test.ts',
       'src/__tests__/themeGet.test.ts',
-      'src/experimental/Skeleton/**/*.test.?(c|m)[jt]s?(x)',
       'src/hooks/**/*.test.?(c|m)[jt]s?(x)',
       'src/internal/utils/**/*.test.?(c|m)[jt]s?(x)',
       'src/live-region/**/*.test.?(c|m)[jt]s?(x)',