@wordpress/edit-widgets 5.25.1-next.79a6196f.0 → 5.27.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 5.27.0 (2024-01-24)
+
+## 5.26.0 (2024-01-10)
+
 ## 5.25.0 (2023-12-13)
 
 ## 5.24.0 (2023-11-29)

package/build-style/style-rtl.css

@@ -97,7 +97,7 @@
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -469,7 +469,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .interface-pinned-items {
   display: flex;
   gap: 8px;
-  margin-left: -4px;
 }
 .interface-pinned-items .components-button {
   display: none;
@@ -488,99 +487,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   }
 }
 
-@media (min-width: 600px) {
-  .interface-preferences-modal {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
-}
-@media (min-width: 782px) {
-  .interface-preferences-modal {
-    width: 750px;
-  }
-}
-@media (min-width: 960px) {
-  .interface-preferences-modal {
-    height: 70%;
-  }
-}
-@media (max-width: 781px) {
-  .interface-preferences-modal .components-modal__content {
-    padding: 0;
-  }
-}
-
-.interface-preferences__tabs .components-tab-panel__tabs {
-  position: absolute;
-  top: 84px;
-  right: 16px;
-  width: 160px;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
-  border-radius: 2px;
-  font-weight: 400;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
-  background: #f0f0f0;
-  box-shadow: none;
-  font-weight: 500;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active::after {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tab-content {
-  padding-right: 24px;
-  margin-right: 160px;
-}
-
-@media (max-width: 781px) {
-  .interface-preferences__provider {
-    height: 100%;
-  }
-}
-.interface-preferences-modal__section {
-  margin: 0 0 2.5rem 0;
-}
-.interface-preferences-modal__section:last-child {
-  margin: 0;
-}
-
-.interface-preferences-modal__section-legend {
-  margin-bottom: 8px;
-}
-
-.interface-preferences-modal__section-title {
-  font-size: 0.9rem;
-  font-weight: 600;
-  margin-top: 0;
-}
-
-.interface-preferences-modal__section-description {
-  margin: -8px 0 8px 0;
-  font-size: 12px;
-  font-style: normal;
-  color: #757575;
-}
-
-.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
-  display: none;
-}
-
-.interface-preferences-modal__option + .interface-preferences-modal__option {
-  margin-top: 16px;
-}
-.interface-preferences-modal__option .components-base-control__help {
-  margin-top: 0;
-  margin-right: 48px;
-}
-
 .wp-block[data-type="core/widget-area"] {
   max-width: 700px;
   margin-right: auto;
@@ -939,7 +845,6 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
 .edit-widgets-notices__dismissible .components-notice,
 .edit-widgets-notices__pinned .components-notice {
   box-sizing: border-box;
-  margin: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   padding: 0 12px;
   min-height: 60px;
@@ -984,8 +889,7 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
 .edit-widgets-welcome-guide__image > img {
   display: block;
   max-width: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .edit-widgets-welcome-guide__heading {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1145,7 +1049,7 @@ body.admin-color-light {
   --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-light {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1160,7 +1064,7 @@ body.admin-color-modern {
   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-modern {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1175,7 +1079,7 @@ body.admin-color-blue {
   --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-blue {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1190,7 +1094,7 @@ body.admin-color-coffee {
   --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-coffee {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1205,7 +1109,7 @@ body.admin-color-ectoplasm {
   --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ectoplasm {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1220,7 +1124,7 @@ body.admin-color-midnight {
   --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-midnight {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1235,7 +1139,7 @@ body.admin-color-ocean {
   --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ocean {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1250,7 +1154,7 @@ body.admin-color-sunrise {
   --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-sunrise {
     --wp-admin-border-width-focus: 1.5px;
   }

package/build-style/style.css

@@ -97,7 +97,7 @@
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -469,7 +469,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .interface-pinned-items {
   display: flex;
   gap: 8px;
-  margin-right: -4px;
 }
 .interface-pinned-items .components-button {
   display: none;
@@ -488,99 +487,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   }
 }
 
-@media (min-width: 600px) {
-  .interface-preferences-modal {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
-}
-@media (min-width: 782px) {
-  .interface-preferences-modal {
-    width: 750px;
-  }
-}
-@media (min-width: 960px) {
-  .interface-preferences-modal {
-    height: 70%;
-  }
-}
-@media (max-width: 781px) {
-  .interface-preferences-modal .components-modal__content {
-    padding: 0;
-  }
-}
-
-.interface-preferences__tabs .components-tab-panel__tabs {
-  position: absolute;
-  top: 84px;
-  left: 16px;
-  width: 160px;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
-  border-radius: 2px;
-  font-weight: 400;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
-  background: #f0f0f0;
-  box-shadow: none;
-  font-weight: 500;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active::after {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tab-content {
-  padding-left: 24px;
-  margin-left: 160px;
-}
-
-@media (max-width: 781px) {
-  .interface-preferences__provider {
-    height: 100%;
-  }
-}
-.interface-preferences-modal__section {
-  margin: 0 0 2.5rem 0;
-}
-.interface-preferences-modal__section:last-child {
-  margin: 0;
-}
-
-.interface-preferences-modal__section-legend {
-  margin-bottom: 8px;
-}
-
-.interface-preferences-modal__section-title {
-  font-size: 0.9rem;
-  font-weight: 600;
-  margin-top: 0;
-}
-
-.interface-preferences-modal__section-description {
-  margin: -8px 0 8px 0;
-  font-size: 12px;
-  font-style: normal;
-  color: #757575;
-}
-
-.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
-  display: none;
-}
-
-.interface-preferences-modal__option + .interface-preferences-modal__option {
-  margin-top: 16px;
-}
-.interface-preferences-modal__option .components-base-control__help {
-  margin-top: 0;
-  margin-left: 48px;
-}
-
 .wp-block[data-type="core/widget-area"] {
   max-width: 700px;
   margin-left: auto;
@@ -939,7 +845,6 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
 .edit-widgets-notices__dismissible .components-notice,
 .edit-widgets-notices__pinned .components-notice {
   box-sizing: border-box;
-  margin: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   padding: 0 12px;
   min-height: 60px;
@@ -984,8 +889,7 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
 .edit-widgets-welcome-guide__image > img {
   display: block;
   max-width: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .edit-widgets-welcome-guide__heading {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1145,7 +1049,7 @@ body.admin-color-light {
   --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-light {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1160,7 +1064,7 @@ body.admin-color-modern {
   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-modern {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1175,7 +1079,7 @@ body.admin-color-blue {
   --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-blue {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1190,7 +1094,7 @@ body.admin-color-coffee {
   --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-coffee {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1205,7 +1109,7 @@ body.admin-color-ectoplasm {
   --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ectoplasm {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1220,7 +1124,7 @@ body.admin-color-midnight {
   --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-midnight {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1235,7 +1139,7 @@ body.admin-color-ocean {
   --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ocean {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1250,7 +1154,7 @@ body.admin-color-sunrise {
   --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-sunrise {
     --wp-admin-border-width-focus: 1.5px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-widgets",
-	"version": "5.25.1-next.79a6196f.0",
+	"version": "5.27.0",
 	"description": "Widgets Page module for WordPress..",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,32 +27,32 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/api-fetch": "^6.45.1-next.79a6196f.0",
-		"@wordpress/block-editor": "^12.16.1-next.79a6196f.0",
-		"@wordpress/block-library": "^8.25.1-next.79a6196f.0",
-		"@wordpress/blocks": "^12.25.1-next.79a6196f.0",
-		"@wordpress/components": "^25.15.1-next.79a6196f.0",
-		"@wordpress/compose": "^6.25.1-next.79a6196f.0",
-		"@wordpress/core-data": "^6.25.1-next.79a6196f.0",
-		"@wordpress/data": "^9.18.1-next.79a6196f.0",
-		"@wordpress/deprecated": "^3.48.1-next.79a6196f.0",
-		"@wordpress/dom": "^3.48.1-next.79a6196f.0",
-		"@wordpress/element": "^5.25.1-next.79a6196f.0",
-		"@wordpress/hooks": "^3.48.1-next.79a6196f.0",
-		"@wordpress/i18n": "^4.48.1-next.79a6196f.0",
-		"@wordpress/icons": "^9.39.1-next.79a6196f.0",
-		"@wordpress/interface": "^5.25.1-next.79a6196f.0",
-		"@wordpress/keyboard-shortcuts": "^4.25.1-next.79a6196f.0",
-		"@wordpress/keycodes": "^3.48.1-next.79a6196f.0",
-		"@wordpress/media-utils": "^4.39.1-next.79a6196f.0",
-		"@wordpress/notices": "^4.16.1-next.79a6196f.0",
-		"@wordpress/patterns": "^1.9.1-next.79a6196f.0",
-		"@wordpress/plugins": "^6.16.1-next.79a6196f.0",
-		"@wordpress/preferences": "^3.25.1-next.79a6196f.0",
-		"@wordpress/private-apis": "^0.30.1-next.79a6196f.0",
-		"@wordpress/reusable-blocks": "^4.25.1-next.79a6196f.0",
-		"@wordpress/url": "^3.49.1-next.79a6196f.0",
-		"@wordpress/widgets": "^3.25.1-next.79a6196f.0",
+		"@wordpress/api-fetch": "^6.47.0",
+		"@wordpress/block-editor": "^12.18.0",
+		"@wordpress/block-library": "^8.27.0",
+		"@wordpress/blocks": "^12.27.0",
+		"@wordpress/components": "^25.16.0",
+		"@wordpress/compose": "^6.27.0",
+		"@wordpress/core-data": "^6.27.0",
+		"@wordpress/data": "^9.20.0",
+		"@wordpress/deprecated": "^3.50.0",
+		"@wordpress/dom": "^3.50.0",
+		"@wordpress/element": "^5.27.0",
+		"@wordpress/hooks": "^3.50.0",
+		"@wordpress/i18n": "^4.50.0",
+		"@wordpress/icons": "^9.41.0",
+		"@wordpress/interface": "^5.27.0",
+		"@wordpress/keyboard-shortcuts": "^4.27.0",
+		"@wordpress/keycodes": "^3.50.0",
+		"@wordpress/media-utils": "^4.41.0",
+		"@wordpress/notices": "^4.18.0",
+		"@wordpress/patterns": "^1.11.0",
+		"@wordpress/plugins": "^6.18.0",
+		"@wordpress/preferences": "^3.27.0",
+		"@wordpress/private-apis": "^0.32.0",
+		"@wordpress/reusable-blocks": "^4.27.0",
+		"@wordpress/url": "^3.51.0",
+		"@wordpress/widgets": "^3.27.0",
 		"classnames": "^2.3.1",
 		"rememo": "^4.0.2"
 	},
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "1e74b942ac0119a22ceaaf5c9594263f3ec516ab"
+	"gitHead": "45de2cb4212fed7f2763e95f10300d1ff9d0ec08"
 }

package/src/components/header/style.scss

@@ -17,7 +17,7 @@
 			border-bottom: 0;
 		}
 
-		// Modified group borders
+		// Modified group borders.
 		.components-toolbar-group,
 		.components-toolbar {
 			border-right: none;

package/src/components/notices/style.scss

@@ -11,7 +11,6 @@
 .edit-widgets-notices__pinned {
 	.components-notice {
 		box-sizing: border-box;
-		margin: 0;
 		border-bottom: $border-width solid rgba(0, 0, 0, 0.2);
 		padding: 0 $grid-unit-15;