Spinner: Enforce no background. (#49695)

* Spinner: Enforce no background.

* Include opacity.

* CHANGELOG

* Use `transparent` to reset the background

* Update snapshots

---------

Co-authored-by: Marco Ciampini <marco.ciampo@gmail.com>

Author: jasmussen

packages/components/CHANGELOG.md

@@ -20,6 +20,7 @@
 
 -   `DropZone`: Smooth animation ([#49517](https://github.com/WordPress/gutenberg/pull/49517)).
 -   `Navigator`: Add `skipFocus` property in `NavigateOptions`. ([#49350](https://github.com/WordPress/gutenberg/pull/49350)).
+-   `Spinner`: add explicit opacity and background styles ([#49695](https://github.com/WordPress/gutenberg/pull/49695)).
 
 ### Bug Fix
 

packages/components/src/spinner/styles.ts

@@ -26,6 +26,8 @@ export const StyledSpinner = styled.svg`
 	position: relative;
 	color: ${ COLORS.ui.theme };
 	overflow: visible;
+	opacity: 1;
+	background-color: transparent;
 `;
 
 const commonPathProps = css`

packages/editor/src/components/post-publish-panel/test/__snapshots__/index.js.snap

@@ -595,6 +595,8 @@ exports[`PostPublishPanel should render the spinner if the post is being saved 1
   position: relative;
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
   overflow: visible;
+  opacity: 1;
+  background-color: transparent;
 }
 
 .emotion-2 {