@wordpress/edit-site 6.25.0 → 6.26.1-next.719a03cbe.0

package/build-style/style.css

@@ -344,6 +344,30 @@
   border-radius: 2px;
 }
 
+/**
+ * Applying a consistent 24px padding when DataViews are placed within cards.
+ */
+.components-card__body:has(> .dataviews-wrapper) {
+  padding: 8px 0 0;
+  overflow: hidden;
+}
+.components-card__body:has(> .dataviews-wrapper) .dataviews__view-actions,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-filters__container,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results {
+  padding-inline: 24px;
+}
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child {
+  padding-inline-start: 24px;
+}
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
+.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child {
+  padding-inline-end: 24px;
+}
+
 .dataviews-bulk-actions-footer__item-count {
   color: #1e1e1e;
   font-weight: 500;
@@ -384,17 +408,26 @@
 }
 
 .dataviews-filters__summary-operators-container {
-  padding: 8px 8px 0;
+  padding: 8px 16px;
 }
-.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox) {
+.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) {
   border-bottom: 1px solid #e0e0e0;
-  padding-bottom: 8px;
 }
 .dataviews-filters__summary-operators-container:empty {
   display: none;
 }
 .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
   color: #757575;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 0; /* Prevents this element from shrinking */
+  max-width: calc(100% - 55px);
+}
+.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .dataviews-filters__summary-chip-container {
@@ -492,9 +525,13 @@
   gap: 8px;
   border-radius: 2px;
   box-sizing: border-box;
-  padding: 8px 12px;
+  padding: 4px 12px;
   cursor: default;
-  margin-block-end: 2px;
+  min-height: 32px;
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 20px;
 }
 .dataviews-filters__search-widget-listitem:last-child {
   margin-block-end: 0;
@@ -503,16 +540,23 @@
   background-color: var(--wp-admin-theme-color);
   color: #fff;
 }
-.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check {
-  fill: #fff;
-}
 .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: #fff;
 }
-.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check {
-  width: 24px;
-  height: 24px;
-  flex-shrink: 0;
+.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 {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: #fff;
+}
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: var(--wp-admin-theme-color-darker-20, #183ad6);
+}
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+}
+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
+  border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
+  background: var(--wp-admin-theme-color-darker-20, #183ad6);
 }
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
   display: block;
@@ -522,6 +566,208 @@
   line-height: 16px;
   color: #757575;
 }
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+  border: 1px solid #1e1e1e;
+  margin-right: 12px;
+  transition: none;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  max-width: 24px;
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
+  box-sizing: inherit;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  background-color: #fff;
+  border: 4px solid #fff;
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before {
+    width: 8px;
+    height: 8px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked {
+  background: var(--wp-admin-theme-color);
+  border: none;
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
+  background: var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color, #3858e9);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
+  content: "";
+  border-radius: 50%;
+  box-sizing: inherit;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+  background-color: #fff;
+  border: 4px solid #fff;
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
+    width: 8px;
+    height: 8px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+  --checkbox-size: 24px;
+  border: 1px solid #1e1e1e;
+  margin-right: 12px;
+  transition: none;
+  border-radius: 2px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  padding: 6px 8px;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+  /* Override core line-height. To be reviewed. */
+  line-height: normal;
+  box-shadow: 0 0 0 transparent;
+  border-radius: 2px;
+  border: 1px solid #949494;
+  position: relative;
+  background: #fff;
+  color: #1e1e1e;
+  margin: 0;
+  padding: 0;
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    transition: box-shadow 0.1s linear;
+  }
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    font-size: 13px;
+    /* Override core line-height. To be reviewed. */
+    line-height: normal;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked {
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check {
+  opacity: 0;
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+  margin: -3px -5px;
+  color: #fff;
+}
+@media (min-width: 782px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+    margin: -4px 0 0 -5px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] {
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+  content: "\f460";
+  float: left;
+  display: inline-block;
+  vertical-align: middle;
+  width: 16px;
+  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
+  font: normal 30px/1 dashicons;
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media (min-width: 782px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before {
+    float: none;
+    font-size: 21px;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
+  background: #f0f0f0;
+  border-color: #ddd;
+  cursor: default;
+  opacity: 1;
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    --checkbox-size: 16px;
+  }
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+    transition: 0.1s border-color ease-in-out;
+  }
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
+  background: var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color, #3858e9);
+}
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
+  --checkmark-size: var(--checkbox-size);
+  fill: #fff;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
+}
+@media (min-width: 600px) {
+  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
+    --checkmark-size: calc(var(--checkbox-size) + 4px);
+  }
+}
 
 .dataviews-filters__search-widget-filter-combobox__wrapper {
   position: relative;
@@ -627,6 +873,13 @@
   width: fit-content;
 }
 
+.dataviews-filters__user-input-widget {
+  padding: 16px;
+}
+.dataviews-filters__user-input-widget .components-input-control__prefix {
+  padding-left: 8px;
+}
+
 .dataviews-footer {
   position: sticky;
   bottom: 0;
@@ -1132,6 +1385,23 @@ div.dataviews-view-list {
 .dataviews-view-table th.dataviews-view-table__actions-column {
   text-align: right;
 }
+.dataviews-view-table td.dataviews-view-table__actions-column--sticky,
+.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
+  position: sticky;
+  right: 0;
+  background-color: #fff;
+}
+.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
+.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  background-color: #f0f0f0;
+}
 .dataviews-view-table td.dataviews-view-table__checkbox-column,
 .dataviews-view-table th.dataviews-view-table__checkbox-column {
   padding-right: 0;
@@ -1158,7 +1428,7 @@ div.dataviews-view-list {
 .dataviews-view-table tr:last-child {
   border-bottom: 0;
 }
-.dataviews-view-table tr.is-hovered {
+.dataviews-view-table tr.is-hovered, .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
   background-color: #f8f8f8;
 }
 .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
@@ -1192,6 +1462,12 @@ div.dataviews-view-list {
 .dataviews-view-table tr.is-selected:hover {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
+.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
+}
+.dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
+  background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff);
+}
 .dataviews-view-table thead {
   position: sticky;
   inset-block-start: 0;
@@ -1220,6 +1496,12 @@ div.dataviews-view-list {
   display: flex;
   align-items: center;
 }
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
+  justify-content: flex-end;
+}
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
+  justify-content: center;
+}
 .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
   min-height: 0;
 }
@@ -1292,6 +1574,11 @@ div.dataviews-view-list {
   padding: 0;
 }
 
+.dataviews-controls__datetime-number,
+.dataviews-controls__datetime-unit {
+  flex: 1 1 50%;
+}
+
 .dataforms-layouts-panel__field {
   width: 100%;
   min-height: 32px;
@@ -1305,10 +1592,12 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
 }
+.dataforms-layouts-panel__field-label--label-position-side {
+  align-self: center;
+}
 
 .dataforms-layouts-panel__field-control {
   flex-grow: 1;
@@ -1324,6 +1613,9 @@ div.dataviews-view-list {
   text-wrap: pretty;
   min-height: 32px;
 }
+.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
+  text-decoration: none;
+}
 .dataforms-layouts-panel__field-control .components-dropdown {
   max-width: 100%;
 }
@@ -1360,10 +1652,12 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
 }
+.dataforms-layouts-regular__field-label--label-position-side {
+  align-self: center;
+}
 
 .dataforms-layouts-regular__field-control {
   flex-grow: 1;
@@ -1859,7 +2153,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-shrink: 0;
 }
 
-.edit-site-global-styles__shadows-panel__options-container {
+.edit-site-global-styles__shadows-panel__options-container,
+.edit-site-global-styles__typography-panel__options-container {
   height: 24px;
 }
 
@@ -2903,7 +3198,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _r2pke_slide-from-right {
+@keyframes _k22zn_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2913,7 +3208,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _r2pke_slide-from-left {
+@keyframes _k22zn_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2969,10 +3264,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _r2pke_slide-from-left;
+  animation-name: _k22zn_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _r2pke_slide-from-right;
+  animation-name: _k22zn_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.25.0",
+	"version": "6.26.1-next.719a03cbe.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,46 +30,46 @@
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.25.0",
-		"@wordpress/api-fetch": "^7.25.0",
-		"@wordpress/blob": "^4.25.0",
-		"@wordpress/block-editor": "^14.20.0",
-		"@wordpress/block-library": "^9.25.0",
-		"@wordpress/blocks": "^14.14.0",
-		"@wordpress/commands": "^1.25.0",
-		"@wordpress/components": "^29.11.0",
-		"@wordpress/compose": "^7.25.0",
-		"@wordpress/core-commands": "^1.25.0",
-		"@wordpress/core-data": "^7.25.0",
-		"@wordpress/data": "^10.25.0",
-		"@wordpress/dataviews": "^4.21.0",
-		"@wordpress/date": "^5.25.0",
-		"@wordpress/deprecated": "^4.25.0",
-		"@wordpress/dom": "^4.25.0",
-		"@wordpress/editor": "^14.25.0",
-		"@wordpress/element": "^6.25.0",
-		"@wordpress/escape-html": "^3.25.0",
-		"@wordpress/fields": "^0.17.0",
-		"@wordpress/hooks": "^4.25.0",
-		"@wordpress/html-entities": "^4.25.0",
-		"@wordpress/i18n": "^5.25.0",
-		"@wordpress/icons": "^10.25.0",
-		"@wordpress/keyboard-shortcuts": "^5.25.0",
-		"@wordpress/keycodes": "^4.25.0",
-		"@wordpress/media-utils": "^5.25.0",
-		"@wordpress/notices": "^5.25.0",
-		"@wordpress/patterns": "^2.25.0",
-		"@wordpress/plugins": "^7.25.0",
-		"@wordpress/preferences": "^4.25.0",
-		"@wordpress/primitives": "^4.25.0",
-		"@wordpress/private-apis": "^1.25.0",
-		"@wordpress/reusable-blocks": "^5.25.0",
-		"@wordpress/router": "^1.25.0",
-		"@wordpress/style-engine": "^2.25.0",
-		"@wordpress/url": "^4.25.0",
-		"@wordpress/viewport": "^6.25.0",
-		"@wordpress/widgets": "^4.25.0",
-		"@wordpress/wordcount": "^4.25.0",
+		"@wordpress/a11y": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/api-fetch": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/blob": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/block-editor": "^14.21.1-next.719a03cbe.0",
+		"@wordpress/block-library": "^9.26.1-next.719a03cbe.0",
+		"@wordpress/blocks": "^14.15.1-next.719a03cbe.0",
+		"@wordpress/commands": "^1.26.1-next.719a03cbe.0",
+		"@wordpress/components": "^29.13.1-next.719a03cbe.0",
+		"@wordpress/compose": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/core-commands": "^1.26.1-next.719a03cbe.0",
+		"@wordpress/core-data": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/data": "^10.26.1-next.719a03cbe.0",
+		"@wordpress/dataviews": "^5.0.1-next.719a03cbe.0",
+		"@wordpress/date": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/deprecated": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/dom": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/editor": "^14.26.1-next.719a03cbe.0",
+		"@wordpress/element": "^6.26.1-next.719a03cbe.0",
+		"@wordpress/escape-html": "^3.26.1-next.719a03cbe.0",
+		"@wordpress/fields": "^0.18.1-next.719a03cbe.0",
+		"@wordpress/hooks": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/html-entities": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/i18n": "^6.0.1-next.719a03cbe.0",
+		"@wordpress/icons": "^10.26.2-next.719a03cbe.0",
+		"@wordpress/keyboard-shortcuts": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/keycodes": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/media-utils": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/notices": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/patterns": "^2.26.1-next.719a03cbe.0",
+		"@wordpress/plugins": "^7.26.1-next.719a03cbe.0",
+		"@wordpress/preferences": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/primitives": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/private-apis": "^1.26.1-next.719a03cbe.0",
+		"@wordpress/reusable-blocks": "^5.26.1-next.719a03cbe.0",
+		"@wordpress/router": "^1.26.1-next.719a03cbe.0",
+		"@wordpress/style-engine": "^2.26.1-next.719a03cbe.0",
+		"@wordpress/url": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/viewport": "^6.26.1-next.719a03cbe.0",
+		"@wordpress/widgets": "^4.26.1-next.719a03cbe.0",
+		"@wordpress/wordcount": "^4.26.1-next.719a03cbe.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d1acd76ffff33ab01f0a948d2f51e5e45c95158d"
+	"gitHead": "5e146e949c2765411a8310bcc2641a88d036a6d9"
 }

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

@@ -6,7 +6,7 @@ import { paramCase as kebabCase } from 'change-case';
 /**
  * WordPress dependencies
  */
-import { useState } from '@wordpress/element';
+import { useState, useEffect, useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import {
 	Button,
@@ -15,10 +15,19 @@ import {
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
 
-function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
+function AddCustomGenericTemplateModalContent( { createTemplate, onBack } ) {
 	const [ title, setTitle ] = useState( '' );
 	const defaultTitle = __( 'Custom Template' );
 	const [ isBusy, setIsBusy ] = useState( false );
+	const inputRef = useRef();
+
+	// Set focus to the name input when the component mounts
+	useEffect( () => {
+		if ( inputRef.current ) {
+			inputRef.current.focus();
+		}
+	}, [] );
+
 	async function onCreateTemplate( event ) {
 		event.preventDefault();
 		if ( isBusy ) {
@@ -50,6 +59,7 @@ function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
 					onChange={ setTitle }
 					placeholder={ defaultTitle }
 					disabled={ isBusy }
+					ref={ inputRef }
 					help={ __(
 						// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
 						'Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.'
@@ -62,11 +72,9 @@ function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
 					<Button
 						__next40pxDefaultSize
 						variant="tertiary"
-						onClick={ () => {
-							onClose();
-						} }
+						onClick={ onBack }
 					>
-						{ __( 'Cancel' ) }
+						{ __( 'Back' ) }
 					</Button>
 					<Button
 						__next40pxDefaultSize