@wordpress/block-library 9.27.1-next.46f643fa0.0 → 9.28.1-next.0f6f9d12c.0

package/src/utils/poster-image.scss

@@ -13,9 +13,31 @@
 		opacity: 1;
 		margin-top: $grid-unit-20;
 	}
+
+	.components-drop-zone__content {
+		border-radius: $radius-small;
+	}
+
+	// Align text and icons horizontally to avoid clipping when the poster image is not set.
+	.components-drop-zone .components-drop-zone__content-inner {
+		display: flex;
+		align-items: center;
+		gap: $grid-unit-10;
+
+		.components-drop-zone__content-icon {
+			margin: 0;
+		}
+	}
+
+	.components-spinner {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		margin-top: -9px;
+		margin-left: -9px;
+	}
 }
 
-.block-library-poster-image__toggle,
 .block-library-poster-image__preview {
 	width: 100%;
 	padding: 0;
@@ -25,9 +47,6 @@
 
 	display: flex;
 	justify-content: center;
-}
-
-.block-library-poster-image__preview {
 	height: auto !important;
 	outline: $border-width solid rgba($black, 0.1);
 
@@ -39,18 +58,6 @@
 	}
 }
 
-.block-library-poster-image__toggle {
-	box-shadow: inset 0 0 0 $border-width $gray-400;
-
-	&:focus:not(:disabled) {
-		// Allow smooth transition between focused and unfocused box-shadow states.
-		box-shadow:
-			0 0 0 currentColor inset,
-			0 0 0 var(--wp-admin-border-width-focus)
-			var(--wp-admin-theme-color);
-	}
-}
-
 .block-library-poster-image__actions {
 	&:not(.block-library-poster-image__actions-select) {
 		bottom: 0;