@wordpress/edit-site 6.29.1-next.f34ab90e9.0 → 6.30.0

package/build-style/posts-rtl.css

@@ -1061,11 +1061,11 @@
   padding: 0 48px 24px;
   container-type: inline-size;
   /**
-   * Breakpoints were adjusted from media queries breakpoints to account for
-   * the sidebar width. This was done to match the existing styles we had.
+   * Match the padding applied to other DataViews components at the same
+   * max-width.
    */
 }
-@container (max-width: 480px) {
+@container (max-width: 430px) {
   .dataviews-view-grid {
     padding-right: 24px;
     padding-left: 24px;
@@ -1175,9 +1175,16 @@
   top: -9999em;
   right: 8px;
   z-index: 1;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    transition: opacity 0.1s linear;
+  }
 }
 @media (hover: none) {
   .dataviews-view-grid__card .dataviews-selection-checkbox {
+    opacity: 1;
     top: 8px;
   }
 }
@@ -1185,9 +1192,37 @@
 .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
 .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  opacity: 1;
   top: 8px;
 }
 
+.dataviews-view-grid__card .dataviews-view-grid__media-actions {
+  position: absolute;
+  top: 4px;
+  opacity: 0;
+  left: 4px;
+}
+.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
+  background-color: #fff;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    opacity: 1;
+    top: 4px;
+  }
+}
+
+.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
+  opacity: 1;
+}
+
 .dataviews-view-grid__media--clickable {
   cursor: pointer;
 }
@@ -1198,6 +1233,13 @@
   color: #1e1e1e;
   margin: 0 0 8px 0;
   padding: 0 48px;
+  container-type: inline-size;
+}
+@container (max-width: 430px) {
+  .dataviews-view-grid__group-header {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
 }
 
 div.dataviews-view-list {
@@ -1746,6 +1788,17 @@ div.dataviews-view-list {
   align-items: center;
 }
 
+.dataforms-layouts-card__field {
+  width: 100%;
+}
+
+.dataforms-layouts-card__field-description {
+  color: #757575;
+  display: block;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
 .edit-site-layout {
   height: 100%;
   background: #1e1e1e;
@@ -1940,7 +1993,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   top: 9px;
   left: 9px;
   bottom: 9px;
-  right: 9px;
+  right: 17px;
   border-radius: 4px;
   box-shadow: none;
 }
@@ -2092,7 +2145,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _knsuw_slide-from-right {
+@keyframes _3br4l_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2102,7 +2155,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _knsuw_slide-from-left {
+@keyframes _3br4l_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2158,10 +2211,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _knsuw_slide-from-left;
+  animation-name: _3br4l_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _knsuw_slide-from-right;
+  animation-name: _3br4l_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/posts.css

@@ -1061,11 +1061,11 @@
   padding: 0 48px 24px;
   container-type: inline-size;
   /**
-   * Breakpoints were adjusted from media queries breakpoints to account for
-   * the sidebar width. This was done to match the existing styles we had.
+   * Match the padding applied to other DataViews components at the same
+   * max-width.
    */
 }
-@container (max-width: 480px) {
+@container (max-width: 430px) {
   .dataviews-view-grid {
     padding-left: 24px;
     padding-right: 24px;
@@ -1175,9 +1175,16 @@
   top: -9999em;
   left: 8px;
   z-index: 1;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    transition: opacity 0.1s linear;
+  }
 }
 @media (hover: none) {
   .dataviews-view-grid__card .dataviews-selection-checkbox {
+    opacity: 1;
     top: 8px;
   }
 }
@@ -1185,9 +1192,37 @@
 .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
 .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  opacity: 1;
   top: 8px;
 }
 
+.dataviews-view-grid__card .dataviews-view-grid__media-actions {
+  position: absolute;
+  top: 4px;
+  opacity: 0;
+  right: 4px;
+}
+.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
+  background-color: #fff;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    opacity: 1;
+    top: 4px;
+  }
+}
+
+.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
+  opacity: 1;
+}
+
 .dataviews-view-grid__media--clickable {
   cursor: pointer;
 }
@@ -1198,6 +1233,13 @@
   color: #1e1e1e;
   margin: 0 0 8px 0;
   padding: 0 48px;
+  container-type: inline-size;
+}
+@container (max-width: 430px) {
+  .dataviews-view-grid__group-header {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
 }
 
 div.dataviews-view-list {
@@ -1746,6 +1788,17 @@ div.dataviews-view-list {
   align-items: center;
 }
 
+.dataforms-layouts-card__field {
+  width: 100%;
+}
+
+.dataforms-layouts-card__field-description {
+  color: #757575;
+  display: block;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
 .edit-site-layout {
   height: 100%;
   background: #1e1e1e;
@@ -1940,7 +1993,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   top: 9px;
   right: 9px;
   bottom: 9px;
-  left: 9px;
+  left: 17px;
   border-radius: 4px;
   box-shadow: none;
 }
@@ -2092,7 +2145,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _knsuw_slide-from-right {
+@keyframes _3br4l_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2102,7 +2155,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _knsuw_slide-from-left {
+@keyframes _3br4l_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2158,10 +2211,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _knsuw_slide-from-left;
+  animation-name: _3br4l_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _knsuw_slide-from-right;
+  animation-name: _3br4l_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/style-rtl.css

@@ -1061,11 +1061,11 @@
   padding: 0 48px 24px;
   container-type: inline-size;
   /**
-   * Breakpoints were adjusted from media queries breakpoints to account for
-   * the sidebar width. This was done to match the existing styles we had.
+   * Match the padding applied to other DataViews components at the same
+   * max-width.
    */
 }
-@container (max-width: 480px) {
+@container (max-width: 430px) {
   .dataviews-view-grid {
     padding-right: 24px;
     padding-left: 24px;
@@ -1175,9 +1175,16 @@
   top: -9999em;
   right: 8px;
   z-index: 1;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    transition: opacity 0.1s linear;
+  }
 }
 @media (hover: none) {
   .dataviews-view-grid__card .dataviews-selection-checkbox {
+    opacity: 1;
     top: 8px;
   }
 }
@@ -1185,9 +1192,37 @@
 .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
 .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  opacity: 1;
   top: 8px;
 }
 
+.dataviews-view-grid__card .dataviews-view-grid__media-actions {
+  position: absolute;
+  top: 4px;
+  opacity: 0;
+  left: 4px;
+}
+.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
+  background-color: #fff;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    opacity: 1;
+    top: 4px;
+  }
+}
+
+.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
+  opacity: 1;
+}
+
 .dataviews-view-grid__media--clickable {
   cursor: pointer;
 }
@@ -1198,6 +1233,13 @@
   color: #1e1e1e;
   margin: 0 0 8px 0;
   padding: 0 48px;
+  container-type: inline-size;
+}
+@container (max-width: 430px) {
+  .dataviews-view-grid__group-header {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
 }
 
 div.dataviews-view-list {
@@ -1746,6 +1788,17 @@ div.dataviews-view-list {
   align-items: center;
 }
 
+.dataforms-layouts-card__field {
+  width: 100%;
+}
+
+.dataforms-layouts-card__field-description {
+  color: #757575;
+  display: block;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
 .fields-create-template-part-modal {
   z-index: 1000001;
 }
@@ -3193,7 +3246,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   top: 9px;
   left: 9px;
   bottom: 9px;
-  right: 9px;
+  right: 17px;
   border-radius: 4px;
   box-shadow: none;
 }
@@ -3291,7 +3344,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _xt40e_slide-from-right {
+@keyframes _hy9cp_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -3301,7 +3354,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _xt40e_slide-from-left {
+@keyframes _hy9cp_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -3357,10 +3410,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _xt40e_slide-from-left;
+  animation-name: _hy9cp_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _xt40e_slide-from-right;
+  animation-name: _hy9cp_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/build-style/style.css

@@ -1061,11 +1061,11 @@
   padding: 0 48px 24px;
   container-type: inline-size;
   /**
-   * Breakpoints were adjusted from media queries breakpoints to account for
-   * the sidebar width. This was done to match the existing styles we had.
+   * Match the padding applied to other DataViews components at the same
+   * max-width.
    */
 }
-@container (max-width: 480px) {
+@container (max-width: 430px) {
   .dataviews-view-grid {
     padding-left: 24px;
     padding-right: 24px;
@@ -1175,9 +1175,16 @@
   top: -9999em;
   left: 8px;
   z-index: 1;
+  opacity: 0;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-selection-checkbox {
+    transition: opacity 0.1s linear;
+  }
 }
 @media (hover: none) {
   .dataviews-view-grid__card .dataviews-selection-checkbox {
+    opacity: 1;
     top: 8px;
   }
 }
@@ -1185,9 +1192,37 @@
 .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
 .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  opacity: 1;
   top: 8px;
 }
 
+.dataviews-view-grid__card .dataviews-view-grid__media-actions {
+  position: absolute;
+  top: 4px;
+  opacity: 0;
+  right: 4px;
+}
+.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
+  background-color: #fff;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    transition: opacity 0.1s linear;
+  }
+}
+@media (hover: none) {
+  .dataviews-view-grid__card .dataviews-view-grid__media-actions {
+    opacity: 1;
+    top: 4px;
+  }
+}
+
+.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions,
+.dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) {
+  opacity: 1;
+}
+
 .dataviews-view-grid__media--clickable {
   cursor: pointer;
 }
@@ -1198,6 +1233,13 @@
   color: #1e1e1e;
   margin: 0 0 8px 0;
   padding: 0 48px;
+  container-type: inline-size;
+}
+@container (max-width: 430px) {
+  .dataviews-view-grid__group-header {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
 }
 
 div.dataviews-view-list {
@@ -1746,6 +1788,17 @@ div.dataviews-view-list {
   align-items: center;
 }
 
+.dataforms-layouts-card__field {
+  width: 100%;
+}
+
+.dataforms-layouts-card__field-description {
+  color: #757575;
+  display: block;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
 .fields-create-template-part-modal {
   z-index: 1000001;
 }
@@ -3194,7 +3247,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   top: 9px;
   right: 9px;
   bottom: 9px;
-  left: 9px;
+  left: 17px;
   border-radius: 4px;
   box-shadow: none;
 }
@@ -3292,7 +3345,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _xt40e_slide-from-right {
+@keyframes _hy9cp_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -3302,7 +3355,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _xt40e_slide-from-left {
+@keyframes _hy9cp_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -3358,10 +3411,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _xt40e_slide-from-left;
+  animation-name: _hy9cp_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _xt40e_slide-from-right;
+  animation-name: _hy9cp_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.29.1-next.f34ab90e9.0",
+	"version": "6.30.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,45 +30,45 @@
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/api-fetch": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/blob": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/block-editor": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/block-library": "^9.29.1-next.f34ab90e9.0",
-		"@wordpress/blocks": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/commands": "^1.29.1-next.f34ab90e9.0",
-		"@wordpress/components": "^30.2.1-next.f34ab90e9.0",
-		"@wordpress/compose": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/core-data": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/data": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/dataviews": "^7.0.1-next.f34ab90e9.0",
-		"@wordpress/date": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/deprecated": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/dom": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/editor": "^14.29.1-next.f34ab90e9.0",
-		"@wordpress/element": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/escape-html": "^3.29.1-next.f34ab90e9.0",
-		"@wordpress/fields": "^0.21.1-next.f34ab90e9.0",
-		"@wordpress/hooks": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/html-entities": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/i18n": "^6.2.1-next.f34ab90e9.0",
-		"@wordpress/icons": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/keyboard-shortcuts": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/keycodes": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/media-utils": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/notices": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/patterns": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/plugins": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/preferences": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/primitives": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/private-apis": "^1.29.1-next.f34ab90e9.0",
-		"@wordpress/reusable-blocks": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/router": "^1.29.1-next.f34ab90e9.0",
-		"@wordpress/style-engine": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/url": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/viewport": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/widgets": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/wordcount": "^4.29.1-next.f34ab90e9.0",
+		"@wordpress/a11y": "^4.30.0",
+		"@wordpress/api-fetch": "^7.30.0",
+		"@wordpress/blob": "^4.30.0",
+		"@wordpress/block-editor": "^15.3.0",
+		"@wordpress/block-library": "^9.30.0",
+		"@wordpress/blocks": "^15.3.0",
+		"@wordpress/commands": "^1.30.0",
+		"@wordpress/components": "^30.3.0",
+		"@wordpress/compose": "^7.30.0",
+		"@wordpress/core-data": "^7.30.0",
+		"@wordpress/data": "^10.30.0",
+		"@wordpress/dataviews": "^8.0.0",
+		"@wordpress/date": "^5.30.0",
+		"@wordpress/deprecated": "^4.30.0",
+		"@wordpress/dom": "^4.30.0",
+		"@wordpress/editor": "^14.30.0",
+		"@wordpress/element": "^6.30.0",
+		"@wordpress/escape-html": "^3.30.0",
+		"@wordpress/fields": "^0.22.0",
+		"@wordpress/hooks": "^4.30.0",
+		"@wordpress/html-entities": "^4.30.0",
+		"@wordpress/i18n": "^6.3.0",
+		"@wordpress/icons": "^10.30.0",
+		"@wordpress/keyboard-shortcuts": "^5.30.0",
+		"@wordpress/keycodes": "^4.30.0",
+		"@wordpress/media-utils": "^5.30.0",
+		"@wordpress/notices": "^5.30.0",
+		"@wordpress/patterns": "^2.30.0",
+		"@wordpress/plugins": "^7.30.0",
+		"@wordpress/preferences": "^4.30.0",
+		"@wordpress/primitives": "^4.30.0",
+		"@wordpress/private-apis": "^1.30.0",
+		"@wordpress/reusable-blocks": "^5.30.0",
+		"@wordpress/router": "^1.30.0",
+		"@wordpress/style-engine": "^2.30.0",
+		"@wordpress/url": "^4.30.0",
+		"@wordpress/viewport": "^6.30.0",
+		"@wordpress/widgets": "^4.30.0",
+		"@wordpress/wordcount": "^4.30.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -83,5 +83,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "91f58004986ec6faf118825f925ac7873d171986"
+	"gitHead": "c66cb089eed19d4f4956962fa7b4c81abe6dd513"
 }

package/src/components/global-styles/font-library-modal/context.js

@@ -38,6 +38,7 @@ import { toggleFont } from './utils/toggleFont';
 import setNestedValue from '../../../utils/set-nested-value';
 
 export const FontLibraryContext = createContext( {} );
+FontLibraryContext.displayName = 'FontLibraryContext';
 
 function FontLibraryProvider( { children } ) {
 	const { saveEntityRecord } = useDispatch( coreStore );

package/src/components/global-styles/screen-style-variations.js

@@ -6,10 +6,8 @@ import {
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { Card, CardBody } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { store as editorStore } from '@wordpress/editor';
-import { useEffect } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -27,11 +25,7 @@ function ScreenStyleVariations() {
 	const isPreviewMode = useSelect( ( select ) => {
 		return select( blockEditorStore ).getSettings().isPreviewMode;
 	}, [] );
-	const { setDeviceType } = useDispatch( editorStore );
 	useZoomOut( ! isPreviewMode );
-	useEffect( () => {
-		setDeviceType( 'desktop' );
-	}, [ setDeviceType ] );
 
 	return (
 		<>