@wordpress/edit-site 7.0.0 → 7.2.0

package/build-module/utils/use-activate-theme.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/use-activate-theme.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from './is-previewing-theme';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\n/**\n * This should be refactored to use the REST API, once the REST API can activate themes.\n *\n * @return {Function} A function that activates the theme.\n */\nexport function useActivateTheme() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst { startResolution, finishResolution } = useDispatch( coreStore );\n\n\treturn async () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tconst activationURL =\n\t\t\t\t'themes.php?action=activate&stylesheet=' +\n\t\t\t\tcurrentlyPreviewingTheme() +\n\t\t\t\t'&_wpnonce=' +\n\t\t\t\twindow.WP_BLOCK_THEME_ACTIVATE_NONCE;\n\t\t\tstartResolution( 'activateTheme' );\n\t\t\tawait window.fetch( activationURL );\n\t\t\tfinishResolution( 'activateTheme' );\n\t\t\t// Remove the wp_theme_preview query param: we've finished activating\n\t\t\t// the queue and are switching to normal Site Editor.\n\t\t\thistory.navigate( addQueryArgs( path, { wp_theme_preview: '' } ) );\n\t\t}\n\t};\n}\n"],
-  "mappings": ";AAGA,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,eAAe,yBAAyB;AACjD,SAAS,oBAAoB;AAK7B,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,OACM;AAEP,IAAM,EAAE,YAAY,YAAY,IAAI,OAAQ,iBAAkB;AAOvD,SAAS,mBAAmB;AAClC,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM,EAAE,iBAAiB,iBAAiB,IAAI,YAAa,SAAU;AAErE,SAAO,YAAY;AAClB,QAAK,kBAAkB,GAAI;AAC1B,YAAM,gBACL,2CACA,yBAAyB,IACzB,eACA,OAAO;AACR,sBAAiB,eAAgB;AACjC,YAAM,OAAO,MAAO,aAAc;AAClC,uBAAkB,eAAgB;AAGlC,cAAQ,SAAU,aAAc,MAAM,EAAE,kBAAkB,GAAG,CAAE,CAAE;AAAA,IAClE;AAAA,EACD;AACD;",
+  "sourcesContent": ["import { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { addQueryArgs } from '@wordpress/url';\nimport { unlock } from '../lock-unlock';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from './is-previewing-theme';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\n/**\n * This should be refactored to use the REST API, once the REST API can activate themes.\n *\n * @return {Function} A function that activates the theme.\n */\nexport function useActivateTheme() {\n\tconst history = useHistory();\n\tconst { path } = useLocation();\n\tconst { startResolution, finishResolution } = useDispatch( coreStore );\n\n\treturn async () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tconst activationURL =\n\t\t\t\t'themes.php?action=activate&stylesheet=' +\n\t\t\t\tcurrentlyPreviewingTheme() +\n\t\t\t\t'&_wpnonce=' +\n\t\t\t\twindow.WP_BLOCK_THEME_ACTIVATE_NONCE;\n\t\t\tstartResolution( 'activateTheme' );\n\t\t\tawait window.fetch( activationURL );\n\t\t\tfinishResolution( 'activateTheme' );\n\t\t\t// Remove the wp_theme_preview query param: we've finished activating\n\t\t\t// the queue and are switching to normal Site Editor.\n\t\t\thistory.navigate( addQueryArgs( path, { wp_theme_preview: '' } ) );\n\t\t}\n\t};\n}\n"],
+  "mappings": ";AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,eAAe,yBAAyB;AACjD,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,OACM;AAEP,IAAM,EAAE,YAAY,YAAY,IAAI,OAAQ,iBAAkB;AAOvD,SAAS,mBAAmB;AAClC,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,QAAM,EAAE,iBAAiB,iBAAiB,IAAI,YAAa,SAAU;AAErE,SAAO,YAAY;AAClB,QAAK,kBAAkB,GAAI;AAC1B,YAAM,gBACL,2CACA,yBAAyB,IACzB,eACA,OAAO;AACR,sBAAiB,eAAgB;AACjC,YAAM,OAAO,MAAO,aAAc;AAClC,uBAAkB,eAAgB;AAGlC,cAAQ,SAAU,aAAc,MAAM,EAAE,kBAAkB,GAAG,CAAE,CAAE;AAAA,IAClE;AAAA,EACD;AACD;",
   "names": []
 }

package/build-module/utils/use-actual-current-theme.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/use-actual-current-theme.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { useState, useEffect } from '@wordpress/element';\nimport { addQueryArgs } from '@wordpress/url';\n\nconst ACTIVE_THEMES_URL = '/wp/v2/themes?status=active';\n\nexport function useActualCurrentTheme() {\n\tconst [ currentTheme, setCurrentTheme ] = useState();\n\n\tuseEffect( () => {\n\t\t// Set the `wp_theme_preview` to empty string to bypass the createThemePreviewMiddleware.\n\t\tconst path = addQueryArgs( ACTIVE_THEMES_URL, {\n\t\t\tcontext: 'edit',\n\t\t\twp_theme_preview: '',\n\t\t} );\n\n\t\tapiFetch( { path } )\n\t\t\t.then( ( activeThemes ) => setCurrentTheme( activeThemes[ 0 ] ) )\n\t\t\t// Do nothing\n\t\t\t.catch( () => {} );\n\t}, [] );\n\n\treturn currentTheme;\n}\n"],
-  "mappings": ";AAGA,OAAO,cAAc;AACrB,SAAS,UAAU,iBAAiB;AACpC,SAAS,oBAAoB;AAE7B,IAAM,oBAAoB;AAEnB,SAAS,wBAAwB;AACvC,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAS;AAEnD,YAAW,MAAM;AAEhB,UAAM,OAAO,aAAc,mBAAmB;AAAA,MAC7C,SAAS;AAAA,MACT,kBAAkB;AAAA,IACnB,CAAE;AAEF,aAAU,EAAE,KAAK,CAAE,EACjB,KAAM,CAAE,iBAAkB,gBAAiB,aAAc,CAAE,CAAE,CAAE,EAE/D,MAAO,MAAM;AAAA,IAAC,CAAE;AAAA,EACnB,GAAG,CAAC,CAAE;AAEN,SAAO;AACR;",
+  "sourcesContent": ["import apiFetch from '@wordpress/api-fetch';\nimport { useState, useEffect } from '@wordpress/element';\nimport { addQueryArgs } from '@wordpress/url';\n\nconst ACTIVE_THEMES_URL = '/wp/v2/themes?status=active';\n\nexport function useActualCurrentTheme() {\n\tconst [ currentTheme, setCurrentTheme ] = useState();\n\n\tuseEffect( () => {\n\t\t// Set the `wp_theme_preview` to empty string to bypass the createThemePreviewMiddleware.\n\t\tconst path = addQueryArgs( ACTIVE_THEMES_URL, {\n\t\t\tcontext: 'edit',\n\t\t\twp_theme_preview: '',\n\t\t} );\n\n\t\tapiFetch( { path } )\n\t\t\t.then( ( activeThemes ) => setCurrentTheme( activeThemes[ 0 ] ) )\n\t\t\t// Do nothing\n\t\t\t.catch( () => {} );\n\t}, [] );\n\n\treturn currentTheme;\n}\n"],
+  "mappings": ";AAAA,OAAO,cAAc;AACrB,SAAS,UAAU,iBAAiB;AACpC,SAAS,oBAAoB;AAE7B,IAAM,oBAAoB;AAEnB,SAAS,wBAAwB;AACvC,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAS;AAEnD,YAAW,MAAM;AAEhB,UAAM,OAAO,aAAc,mBAAmB;AAAA,MAC7C,SAAS;AAAA,MACT,kBAAkB;AAAA,IACnB,CAAE;AAEF,aAAU,EAAE,KAAK,CAAE,EACjB,KAAM,CAAE,iBAAkB,gBAAiB,aAAc,CAAE,CAAE,CAAE,EAE/D,MAAO,MAAM;AAAA,IAAC,CAAE;AAAA,EACnB,GAAG,CAAC,CAAE;AAEN,SAAO;AACR;",
   "names": []
 }

package/build-style/style-rtl.css

@@ -238,6 +238,10 @@
     transition: padding ease-out 0.1s;
   }
 }
+.dataviews__search {
+  flex-grow: 1;
+}
+
 .dataviews-no-results,
 .dataviews-loading {
   padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -562,6 +566,7 @@
   font-weight: var(--wpds-typography-font-weight-default, 400);
   font-size: 13px;
   line-height: 20px;
+  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
 }
 
 .dataviews-filters__search-widget-listitem:last-child {
@@ -570,6 +575,7 @@
 
 .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
   background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
+  color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
 }
 
 .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
@@ -592,6 +598,10 @@
   background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
 }
 
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
+  color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
+}
+
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -605,7 +615,7 @@
   text-overflow: ellipsis;
   font-size: var(--wpds-typography-font-size-sm, 12px);
   line-height: 16px;
-  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
+  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
 }
 
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -944,8 +954,7 @@
 }
 
 .dataviews-search {
-  width: -moz-fit-content;
-  width: fit-content;
+  flex-basis: 210px;
 }
 
 .dataviews-filters__user-input-widget {
@@ -1248,7 +1257,7 @@
 .dataviews-view-grid .dataviews-view-grid__media,
 .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
   width: 100%;
-  aspect-ratio: 1/1;
+  aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
   background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
   border-radius: var(--wpds-border-radius-md, 4px);
   overflow: hidden;
@@ -1718,7 +1727,7 @@ div.dataviews-view-list {
   font-size: var(--wpds-typography-font-size-lg, 15px);
   font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
-  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
+  margin: 0 0 var(--wpds-dimension-gap-lg, 16px) 0;
   padding: 0 var(--wpds-dimension-padding-2xl, 24px);
 }
 
@@ -1995,6 +2004,17 @@ div.dataviews-view-list {
   border-radius: var(--wpds-border-radius-md, 4px);
 }
 
+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media {
+  height: var(--wpds-dimension-size-md, 32px);
+  aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
+  min-width: 0;
+}
+
+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media img {
+  width: 100%;
+  height: 100%;
+}
+
 .dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
 .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
   min-width: 15ch;
@@ -2648,11 +2668,6 @@ div.dataviews-view-list {
   align-self: flex-end;
 }
 
-.dataviews-controls__richtext [data-rich-text-placeholder]::after {
-  content: attr(data-rich-text-placeholder);
-  color: color-mix(in srgb, currentColor, transparent 38%);
-}
-
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -2685,6 +2700,51 @@ div.dataviews-view-list {
   background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
 }
 
+.dataviews-validated-control:has(:is(input, select):invalid[data-validity-visible]) .components-input-control__backdrop {
+  --wp-components-color-accent: #cc1818;
+  border-color: #cc1818;
+}
+
+.dataviews-validated-control__indicator {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 8px 0 0;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  color: #757575;
+  animation: dataviews-validated-control__indicator-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.dataviews-validated-control__indicator.is-invalid {
+  color: #cc1818;
+}
+
+.dataviews-validated-control__indicator.is-valid {
+  color: color-mix(in srgb, #000 30%, #4ab866);
+}
+
+.dataviews-validated-control__indicator-icon {
+  flex-shrink: 0;
+}
+
+.dataviews-validated-control__indicator-spinner {
+  margin: 2px;
+  width: 12px;
+  height: 12px;
+}
+
+@keyframes dataviews-validated-control__indicator-jump {
+  0% {
+    transform: translateY(-4px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 .dataforms-layouts-panel__field-trigger {
   position: relative;
   color: inherit;
@@ -3688,11 +3748,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 
 @media (min-width: 600px) {
-  .font-library__page-selection .font-library__page-selection-trigger {
+  .font-library__page-selection .components-select-control__input {
     font-size: 11px !important;
     font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   }
 }
+.font-library__search {
+  width: 240px;
+}
+
 .font-library__fonts-title {
   text-transform: uppercase;
   font-size: 11px;
@@ -4461,6 +4525,7 @@ button.font-library__upload-area {
 }
 
 .edit-site-canvas-loader {
+  --wp-components-color-foreground: var(--color);
   width: 100%;
   height: 100%;
   display: flex;
@@ -4477,9 +4542,6 @@ button.font-library__upload-area {
     animation-fill-mode: forwards;
   }
 }
-.edit-site-canvas-loader > div {
-  width: 160px;
-}
 
 @keyframes edit-site-canvas-loader__fade-in-animation {
   from {
@@ -4548,6 +4610,7 @@ button.font-library__upload-area {
 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.fields-field__pattern-sync-status-fully) {
   background: rgba(var(--wp-block-synced-color--rgb), 0.04);
   color: var(--wp-block-synced-color);
+  border-color: currentColor;
 }
 
 .dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
@@ -4888,7 +4951,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-layout__snackbar {
   position: fixed;
-  bottom: 24px;
+  bottom: var(--wpds-dimension-size-md, 32px);
   right: 0;
   left: 0;
   padding-inline: 16px;
@@ -5034,12 +5097,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   border: none;
   min-height: 40px;
 }
-.edit-site-sidebar-navigation-item.components-item:hover, .edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
+.edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true], .edit-site-sidebar-navigation-item.components-item.edit-site-sidebar-navigation-item.components-item:hover {
   color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
 }
-.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator {
-  fill: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
-}
 .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
   background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
   color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
@@ -5049,9 +5109,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
   transform: translateZ(0);
 }
-.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
-  fill: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
-}
 .edit-site-sidebar-navigation-item.components-item.with-suffix {
   padding-left: 16px;
 }

package/build-style/style.css

@@ -238,6 +238,10 @@
     transition: padding ease-out 0.1s;
   }
 }
+.dataviews__search {
+  flex-grow: 1;
+}
+
 .dataviews-no-results,
 .dataviews-loading {
   padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -562,6 +566,7 @@
   font-weight: var(--wpds-typography-font-weight-default, 400);
   font-size: 13px;
   line-height: 20px;
+  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
 }
 
 .dataviews-filters__search-widget-listitem:last-child {
@@ -570,6 +575,7 @@
 
 .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
   background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
+  color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
 }
 
 .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
@@ -592,6 +598,10 @@
   background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
 }
 
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
+  color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
+}
+
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -605,7 +615,7 @@
   text-overflow: ellipsis;
   font-size: var(--wpds-typography-font-size-sm, 12px);
   line-height: 16px;
-  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
+  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
 }
 
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -944,8 +954,7 @@
 }
 
 .dataviews-search {
-  width: -moz-fit-content;
-  width: fit-content;
+  flex-basis: 210px;
 }
 
 .dataviews-filters__user-input-widget {
@@ -1248,7 +1257,7 @@
 .dataviews-view-grid .dataviews-view-grid__media,
 .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
   width: 100%;
-  aspect-ratio: 1/1;
+  aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
   background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
   border-radius: var(--wpds-border-radius-md, 4px);
   overflow: hidden;
@@ -1718,7 +1727,7 @@ div.dataviews-view-list {
   font-size: var(--wpds-typography-font-size-lg, 15px);
   font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
-  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
+  margin: 0 0 var(--wpds-dimension-gap-lg, 16px) 0;
   padding: 0 var(--wpds-dimension-padding-2xl, 24px);
 }
 
@@ -1995,6 +2004,17 @@ div.dataviews-view-list {
   border-radius: var(--wpds-border-radius-md, 4px);
 }
 
+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media {
+  height: var(--wpds-dimension-size-md, 32px);
+  aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
+  min-width: 0;
+}
+
+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media img {
+  width: 100%;
+  height: 100%;
+}
+
 .dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
 .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
   min-width: 15ch;
@@ -2648,11 +2668,6 @@ div.dataviews-view-list {
   align-self: flex-end;
 }
 
-.dataviews-controls__richtext [data-rich-text-placeholder]::after {
-  content: attr(data-rich-text-placeholder);
-  color: color-mix(in srgb, currentColor, transparent 38%);
-}
-
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -2685,6 +2700,51 @@ div.dataviews-view-list {
   background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
 }
 
+.dataviews-validated-control:has(:is(input, select):invalid[data-validity-visible]) .components-input-control__backdrop {
+  --wp-components-color-accent: #cc1818;
+  border-color: #cc1818;
+}
+
+.dataviews-validated-control__indicator {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 8px 0 0;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  color: #757575;
+  animation: dataviews-validated-control__indicator-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.dataviews-validated-control__indicator.is-invalid {
+  color: #cc1818;
+}
+
+.dataviews-validated-control__indicator.is-valid {
+  color: color-mix(in srgb, #000 30%, #4ab866);
+}
+
+.dataviews-validated-control__indicator-icon {
+  flex-shrink: 0;
+}
+
+.dataviews-validated-control__indicator-spinner {
+  margin: 2px;
+  width: 12px;
+  height: 12px;
+}
+
+@keyframes dataviews-validated-control__indicator-jump {
+  0% {
+    transform: translateY(-4px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 .dataforms-layouts-panel__field-trigger {
   position: relative;
   color: inherit;
@@ -3688,11 +3748,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 
 @media (min-width: 600px) {
-  .font-library__page-selection .font-library__page-selection-trigger {
+  .font-library__page-selection .components-select-control__input {
     font-size: 11px !important;
     font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   }
 }
+.font-library__search {
+  width: 240px;
+}
+
 .font-library__fonts-title {
   text-transform: uppercase;
   font-size: 11px;
@@ -4463,6 +4527,7 @@ button.font-library__upload-area {
 }
 
 .edit-site-canvas-loader {
+  --wp-components-color-foreground: var(--color);
   width: 100%;
   height: 100%;
   display: flex;
@@ -4479,9 +4544,6 @@ button.font-library__upload-area {
     animation-fill-mode: forwards;
   }
 }
-.edit-site-canvas-loader > div {
-  width: 160px;
-}
 
 @keyframes edit-site-canvas-loader__fade-in-animation {
   from {
@@ -4550,6 +4612,7 @@ button.font-library__upload-area {
 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.fields-field__pattern-sync-status-fully) {
   background: rgba(var(--wp-block-synced-color--rgb), 0.04);
   color: var(--wp-block-synced-color);
+  border-color: currentColor;
 }
 
 .dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
@@ -4890,7 +4953,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-layout__snackbar {
   position: fixed;
-  bottom: 24px;
+  bottom: var(--wpds-dimension-size-md, 32px);
   left: 0;
   right: 0;
   padding-inline: 16px;
@@ -5036,12 +5099,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   border: none;
   min-height: 40px;
 }
-.edit-site-sidebar-navigation-item.components-item:hover, .edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
+.edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true], .edit-site-sidebar-navigation-item.components-item.edit-site-sidebar-navigation-item.components-item:hover {
   color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
 }
-.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator {
-  fill: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
-}
 .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
   background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
   color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
@@ -5051,9 +5111,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
   transform: translateZ(0);
 }
-.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
-  fill: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
-}
 .edit-site-sidebar-navigation-item.components-item.with-suffix {
   padding-right: 16px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "7.0.0",
+	"version": "7.2.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -47,57 +47,56 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.51.0",
-		"@wordpress/admin-ui": "^2.6.0",
-		"@wordpress/api-fetch": "^7.51.0",
-		"@wordpress/base-styles": "^11.0.0",
-		"@wordpress/blob": "^4.51.0",
-		"@wordpress/block-editor": "^16.0.0",
-		"@wordpress/block-library": "^10.2.0",
-		"@wordpress/blocks": "^15.24.0",
-		"@wordpress/commands": "^1.51.0",
-		"@wordpress/components": "^37.0.0",
-		"@wordpress/compose": "^8.4.0",
-		"@wordpress/core-data": "^7.51.0",
-		"@wordpress/data": "^10.51.0",
-		"@wordpress/dataviews": "^17.2.0",
-		"@wordpress/date": "^5.51.0",
-		"@wordpress/deprecated": "^4.51.0",
-		"@wordpress/dom": "^4.51.0",
-		"@wordpress/editor": "^14.51.0",
-		"@wordpress/element": "^8.3.0",
-		"@wordpress/escape-html": "^3.51.0",
-		"@wordpress/fields": "^0.43.0",
-		"@wordpress/global-styles-engine": "^1.18.0",
-		"@wordpress/global-styles-ui": "^1.18.0",
-		"@wordpress/hooks": "^4.51.0",
-		"@wordpress/html-entities": "^4.51.0",
-		"@wordpress/i18n": "^6.24.0",
-		"@wordpress/icons": "^15.2.0",
-		"@wordpress/keyboard-shortcuts": "^5.51.0",
-		"@wordpress/keycodes": "^4.51.0",
-		"@wordpress/media-utils": "^5.51.0",
-		"@wordpress/notices": "^5.51.0",
-		"@wordpress/patterns": "^2.51.0",
-		"@wordpress/plugins": "^7.51.0",
-		"@wordpress/preferences": "^4.51.0",
-		"@wordpress/primitives": "^4.51.0",
-		"@wordpress/private-apis": "^1.51.0",
-		"@wordpress/reusable-blocks": "^5.51.0",
-		"@wordpress/router": "^1.51.0",
-		"@wordpress/style-engine": "^2.51.0",
-		"@wordpress/theme": "^1.0.0",
-		"@wordpress/ui": "^0.18.0",
-		"@wordpress/url": "^4.51.0",
-		"@wordpress/viewport": "^6.51.0",
-		"@wordpress/views": "^1.18.0",
-		"@wordpress/widgets": "^4.51.0",
-		"@wordpress/wordcount": "^4.51.0",
+		"@wordpress/a11y": "^4.53.0",
+		"@wordpress/admin-ui": "^2.8.0",
+		"@wordpress/api-fetch": "^7.53.0",
+		"@wordpress/base-styles": "^12.1.0",
+		"@wordpress/blob": "^4.53.0",
+		"@wordpress/block-editor": "^16.2.0",
+		"@wordpress/block-library": "^10.4.0",
+		"@wordpress/blocks": "^15.26.0",
+		"@wordpress/commands": "^1.53.0",
+		"@wordpress/components": "^39.0.0",
+		"@wordpress/compose": "^8.6.0",
+		"@wordpress/core-data": "^7.53.0",
+		"@wordpress/data": "^10.53.0",
+		"@wordpress/dataviews": "^18.0.0",
+		"@wordpress/date": "^5.53.0",
+		"@wordpress/deprecated": "^4.53.0",
+		"@wordpress/dom": "^4.53.0",
+		"@wordpress/editor": "^14.53.0",
+		"@wordpress/element": "^8.5.0",
+		"@wordpress/escape-html": "^3.53.0",
+		"@wordpress/fields": "^0.45.0",
+		"@wordpress/global-styles-engine": "^1.20.0",
+		"@wordpress/global-styles-ui": "^1.20.0",
+		"@wordpress/hooks": "^4.53.0",
+		"@wordpress/html-entities": "^4.53.0",
+		"@wordpress/i18n": "^6.26.0",
+		"@wordpress/icons": "^15.4.0",
+		"@wordpress/keyboard-shortcuts": "^5.53.0",
+		"@wordpress/keycodes": "^4.53.0",
+		"@wordpress/media-utils": "^5.53.0",
+		"@wordpress/notices": "^5.53.0",
+		"@wordpress/patterns": "^2.53.0",
+		"@wordpress/plugins": "^7.53.0",
+		"@wordpress/preferences": "^4.53.0",
+		"@wordpress/primitives": "^4.53.0",
+		"@wordpress/private-apis": "^1.53.0",
+		"@wordpress/reusable-blocks": "^5.53.0",
+		"@wordpress/router": "^1.53.0",
+		"@wordpress/style-engine": "^2.53.0",
+		"@wordpress/theme": "^1.2.0",
+		"@wordpress/ui": "^0.20.0",
+		"@wordpress/url": "^4.53.0",
+		"@wordpress/viewport": "^6.53.0",
+		"@wordpress/views": "^1.20.0",
+		"@wordpress/widgets": "^4.53.0",
+		"@wordpress/wordcount": "^4.53.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
 		"fast-deep-equal": "^3.1.3",
-		"memize": "^2.1.0",
 		"react-autosize-textarea": "^7.1.0"
 	},
 	"peerDependencies": {
@@ -107,5 +106,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
+	"gitHead": "989764d42ff93e33684aaf0b96a5b7f3d9bbff52"
 }

package/src/components/add-new-pattern/index.js

@@ -1,6 +1,3 @@
-/**
- * WordPress dependencies
- */
 import { DropdownMenu } from '@wordpress/components';
 import { useState, useRef } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
@@ -14,10 +11,6 @@ import {
 import { store as noticesStore } from '@wordpress/notices';
 import { store as coreStore } from '@wordpress/core-data';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
 import { unlock } from '../../lock-unlock';
 import {
 	PATTERN_TYPES,

package/src/components/add-new-post/index.js

@@ -1,6 +1,3 @@
-/**
- * WordPress dependencies
- */
 import {
 	Button,
 	Modal,

package/src/components/add-new-template/add-custom-generic-template-modal-content.js

@@ -1,11 +1,4 @@
-/**
- * External dependencies
- */
 import { paramCase as kebabCase } from 'change-case';
-
-/**
- * WordPress dependencies
- */
 import { useState, useEffect, useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import {

package/src/components/add-new-template/add-custom-template-modal-content.js

@@ -1,6 +1,3 @@
-/**
- * WordPress dependencies
- */
 import { useState, useMemo, useEffect } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import {
@@ -18,10 +15,6 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { useDebouncedInput } from '@wordpress/compose';
 import { focus } from '@wordpress/dom';
 import { safeDecodeURI } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
 import { mapToIHasNameAndId } from './utils';
 
 const EMPTY_ARRAY = [];