@wordpress/edit-site 6.13.1-next.cd6172eb0.0 → 6.15.0

package/build-style/style-rtl.css

@@ -147,42 +147,60 @@
   }
 }
 
-.dataviews-view-list__primary-field,
-.dataviews-view-grid__primary-field,
-.dataviews-view-table__primary-field {
+.dataviews-no-results,
+.dataviews-loading {
+  padding: 0 48px;
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-no-results,
+.dataviews-loading {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
+
+@container (max-width: 430px) {
+  .dataviews__view-actions,
+.dataviews-filters__container {
+    padding: 12px 24px;
+  }
+  .dataviews-no-results,
+.dataviews-loading {
+    padding-right: 24px;
+    padding-left: 24px;
+  }
+}
+.dataviews-title-field {
   font-size: 13px;
   font-weight: 500;
-  color: #757575;
+  color: #2f2f2f;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
 }
-.dataviews-view-list__primary-field a,
-.dataviews-view-grid__primary-field a,
-.dataviews-view-table__primary-field a {
+.dataviews-title-field a {
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   flex-grow: 0;
-  color: #1e1e1e;
+  color: #2f2f2f;
 }
-.dataviews-view-list__primary-field a:hover,
-.dataviews-view-grid__primary-field a:hover,
-.dataviews-view-table__primary-field a:hover {
+.dataviews-title-field a:hover {
   color: var(--wp-admin-theme-color);
 }
-.dataviews-view-list__primary-field a:focus,
-.dataviews-view-grid__primary-field a:focus,
-.dataviews-view-table__primary-field a:focus {
+.dataviews-title-field a:focus {
   color: var(--wp-admin-theme-color--rgb);
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
   border-radius: 2px;
 }
-.dataviews-view-list__primary-field button.components-button.is-link,
-.dataviews-view-grid__primary-field button.components-button.is-link,
-.dataviews-view-table__primary-field button.components-button.is-link {
+.dataviews-title-field button.components-button.is-link {
   text-decoration: none;
   font-weight: inherit;
   text-overflow: ellipsis;
@@ -192,49 +210,23 @@
   width: 100%;
   color: #1e1e1e;
 }
-.dataviews-view-list__primary-field button.components-button.is-link:hover,
-.dataviews-view-grid__primary-field button.components-button.is-link:hover,
-.dataviews-view-table__primary-field button.components-button.is-link:hover {
+.dataviews-title-field button.components-button.is-link:hover {
   color: var(--wp-admin-theme-color);
 }
 
-.dataviews-view-list__primary-field--clickable,
-.dataviews-view-grid__primary-field--clickable,
-.dataviews-view-grid__media--clickable,
-.dataviews-view-table__primary-field > .dataviews-view-table__cell-content--clickable {
+.dataviews-title-field--clickable {
   cursor: pointer;
+  color: #2f2f2f;
 }
-
-.dataviews-no-results,
-.dataviews-loading {
-  padding: 0 48px;
-  flex-grow: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: padding ease-out 0.1s;
+.dataviews-title-field--clickable:hover {
+  color: var(--wp-admin-theme-color);
 }
-@media (prefers-reduced-motion: reduce) {
-  .dataviews-no-results,
-.dataviews-loading {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
+.dataviews-title-field--clickable:focus {
+  color: var(--wp-admin-theme-color--rgb);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
+  border-radius: 2px;
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
-@container (max-width: 430px) {
-  .dataviews__view-actions,
-.dataviews-filters__container {
-    padding: 12px 24px;
-  }
-
-  .dataviews-no-results,
-.dataviews-loading {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-}
 .dataviews-bulk-actions-footer__item-count {
   color: #1e1e1e;
   font-weight: 500;
@@ -518,7 +510,6 @@
 }
 
 .dataviews-search {
-  width: -moz-fit-content;
   width: fit-content;
 }
 
@@ -540,13 +531,11 @@
   }
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .dataviews-footer {
     padding: 12px 24px;
   }
 }
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 560px) {
   .dataviews-footer {
     flex-direction: column !important;
@@ -600,6 +589,14 @@
   line-height: 1.4;
 }
 
+.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
+  overflow-y: scroll;
+  height: 100%;
+}
+.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
+  width: auto;
+}
+
 .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
   text-transform: uppercase;
 }
@@ -629,7 +626,6 @@
   display: none;
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 500px) {
   .dataviews-settings-section.dataviews-settings-section {
     grid-template-columns: repeat(2, 1fr);
@@ -660,11 +656,21 @@
   top: unset;
 }
 
+.dataviews-field-control__icon {
+  display: flex;
+  width: 24px;
+}
+
+.dataviews-field-control__label {
+  flex-grow: 1;
+}
+
 .dataviews-view-grid {
   margin-bottom: auto;
   grid-template-rows: max-content;
   padding: 0 48px 24px;
   transition: padding ease-out 0.1s;
+  container-type: inline-size;
 }
 @media (prefers-reduced-motion: reduce) {
   .dataviews-view-grid {
@@ -680,22 +686,27 @@
 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
   padding: 8px 0 4px;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
   min-height: 24px;
   display: flex;
   align-items: center;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field--clickable {
-  width: -moz-fit-content;
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: fit-content;
 }
 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
 }
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
 .dataviews-view-grid .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
@@ -734,64 +745,55 @@
   padding-top: 2px;
 }
 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
-  align-items: flex-start;
   min-height: 24px;
-}
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
-  display: none;
-}
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) {
   align-items: center;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
   width: 35%;
+  color: #757575;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   width: 65%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field.is-column + .is-row {
-  margin-top: 4px;
-}
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
-  color: #757575;
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+  display: none;
 }
 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
   padding-bottom: 12px;
 }
-.dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value {
-  width: -moz-fit-content;
-  width: fit-content;
-  background: #f0f0f0;
-  padding: 0 8px;
-  min-height: 24px;
-  border-radius: 2px;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-}
 
 .dataviews-view-grid.dataviews-view-grid {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
+  /**
+   * Breakpoints were adjusted from media queries breakpoints to account for
+   * the sidebar width. This was done to match the existing styles we had.
+   */
+}
+@container (max-width: 480px) {
+  .dataviews-view-grid.dataviews-view-grid {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    padding-right: 24px;
+    padding-left: 24px;
+  }
 }
-@media (min-width: 480px) {
+@container (min-width: 480px) {
   .dataviews-view-grid.dataviews-view-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
-@media (min-width: 1080px) {
+@container (min-width: 780px) {
   .dataviews-view-grid.dataviews-view-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }
-@media (min-width: 1440px) {
+@container (min-width: 1140px) {
   .dataviews-view-grid.dataviews-view-grid {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
-@media (min-width: 1920px) {
+@container (min-width: 1520px) {
   .dataviews-view-grid.dataviews-view-grid {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
@@ -815,76 +817,74 @@
   top: 8px;
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
-@container (max-width: 430px) {
-  .dataviews-view-grid {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
+.dataviews-view-grid__media--clickable {
+  cursor: pointer;
 }
-ul.dataviews-view-list {
+
+div.dataviews-view-list {
   list-style-type: none;
 }
 
 .dataviews-view-list {
   margin: 0 0 auto;
 }
-.dataviews-view-list li {
+.dataviews-view-list div[role=row] {
   margin: 0;
   border-top: 1px solid #f0f0f0;
 }
-.dataviews-view-list li .dataviews-view-list__item-wrapper {
+.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper {
   position: relative;
   padding: 16px 24px;
+  box-sizing: border-box;
 }
-.dataviews-view-list li .dataviews-view-list__item-actions {
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions {
   flex: 0;
   overflow: hidden;
 }
-.dataviews-view-list li .dataviews-view-list__item-actions > div {
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div {
   height: 24px;
 }
-.dataviews-view-list li .dataviews-view-list__item-actions .components-button {
+.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button {
   position: relative;
   z-index: 1;
   opacity: 0;
 }
-.dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
+.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
   flex-basis: min-content;
   overflow: unset;
   padding-inline-end: 4px;
 }
-.dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
+.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
   opacity: 1;
 }
-.dataviews-view-list li.is-selected.is-selected {
+.dataviews-view-list div[role=row].is-selected.is-selected {
   border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
 }
-.dataviews-view-list li.is-selected.is-selected + li {
+.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row] {
   border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
 }
-.dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field {
+.dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field {
   color: #1e1e1e;
 }
-.dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected).is-hovered, .dataviews-view-list li:not(.is-selected):focus-within {
+.dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within {
   color: var(--wp-admin-theme-color);
   background-color: #f8f8f8;
 }
-.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
-.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__primary-field,
-.dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
-.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields {
+.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
-.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper {
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
   color: #1e1e1e;
 }
-.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
-.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
+.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
@@ -909,13 +909,13 @@ ul.dataviews-view-list {
   border-radius: 2px;
   outline: 2px solid transparent;
 }
-.dataviews-view-list .dataviews-view-list__primary-field {
+.dataviews-view-list .dataviews-view-list__title-field {
   flex: 1;
   min-height: 24px;
   line-height: 24px;
   overflow: hidden;
 }
-.dataviews-view-list .dataviews-view-list__primary-field:has(a, button) {
+.dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
   z-index: 1;
 }
 .dataviews-view-list .dataviews-view-list__media-wrapper {
@@ -1127,13 +1127,11 @@ ul.dataviews-view-list {
   padding-left: 0;
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .dataviews-view-table tr td:first-child,
 .dataviews-view-table tr th:first-child {
     padding-right: 24px;
   }
-
   .dataviews-view-table tr td:last-child,
 .dataviews-view-table tr th:last-child {
     padding-left: 24px;
@@ -1148,6 +1146,10 @@ ul.dataviews-view-list {
   }
 }
 
+.dataviews-column-primary__media {
+  max-width: 60px;
+}
+
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -1238,50 +1240,68 @@ ul.dataviews-view-list {
 }
 
 .fields-create-template-part-modal__area-radio-group {
-  width: 100%;
-  border: 1px solid #757575;
+  border: 1px solid #949494;
   border-radius: 2px;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio {
-  display: block;
-  width: 100%;
-  height: 100%;
-  text-align: right;
+
+.fields-create-template-part-modal__area-radio-wrapper {
+  position: relative;
   padding: 12px;
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  grid-gap: 4px 8px;
+  color: #1e1e1e;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-secondary:hover, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-primary:hover {
-  margin: 0;
-  background-color: inherit;
-  border-bottom: 1px solid #757575;
-  border-radius: 0;
+.fields-create-template-part-modal__area-radio-wrapper + .fields-create-template-part-modal__area-radio-wrapper {
+  border-top: 1px solid #949494;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio:not(:focus), .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-primary:hover:not(:focus) {
-  box-shadow: none;
+.fields-create-template-part-modal__area-radio-wrapper input[type=radio] {
+  position: absolute;
+  opacity: 0;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio:focus, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-secondary:hover:focus, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-primary:hover:focus {
-  border-bottom: 1px solid #fff;
+.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:checked) {
+  z-index: 1;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio:last-of-type, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio.is-primary:hover:last-of-type {
-  border-bottom: none;
+.fields-create-template-part-modal__area-radio-wrapper:has(input[type=radio]:not(:checked)):hover {
+  color: var(--wp-admin-theme-color);
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio:not(:hover), .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio[aria-checked=true] {
-  color: #1e1e1e;
-  cursor: auto;
+.fields-create-template-part-modal__area-radio-wrapper > *:not(.fields-create-template-part-modal__area-radio-label) {
+  pointer-events: none;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio:not(:hover) .fields-create-template-part-modal__option-label div, .fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio[aria-checked=true] .fields-create-template-part-modal__option-label div {
-  color: #949494;
+
+.fields-create-template-part-modal__area-radio-label::before {
+  content: "";
+  position: absolute;
+  inset: 0;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio .fields-create-template-part-modal__option-label {
-  padding-top: 4px;
-  white-space: normal;
+input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-label::before {
+  cursor: pointer;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio .fields-create-template-part-modal__option-label div {
-  padding-top: 4px;
+input[type=radio]:focus-visible ~ .fields-create-template-part-modal__area-radio-label::before {
+  outline: 4px solid transparent;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+.fields-create-template-part-modal__area-radio-icon,
+.fields-create-template-part-modal__area-radio-checkmark {
+  fill: currentColor;
+}
+
+input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-checkmark {
+  opacity: 0;
+}
+
+.fields-create-template-part-modal__area-radio-description {
+  grid-column: 2/3;
+  margin: 0;
+  color: #757575;
   font-size: 12px;
+  line-height: normal;
+  text-wrap: pretty;
 }
-.fields-create-template-part-modal__area-radio-group .components-button.fields-create-template-part-modal__area-radio .fields-create-template-part-modal__checkbox {
-  margin-right: auto;
-  min-width: 24px;
+input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area-radio-description {
+  color: inherit;
 }
 
 .fields-controls__slug .fields-controls__slug-external-icon {
@@ -1351,7 +1371,6 @@ fieldset.fields-controls__featured-image span {
 }
 fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button {
   padding: 0;
-  height: -moz-fit-content;
   height: fit-content;
 }
 fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
@@ -1401,6 +1420,19 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   break-inside: avoid-column;
 }
 
+.fields-field__title span:first-child {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  text-decoration: none;
+  white-space: nowrap;
+  display: block;
+  flex-grow: 0;
+}
+
+.fields-field__pattern-title span:first-child {
+  flex: 1;
+}
+
 .edit-site-custom-template-modal__contents-wrapper {
   height: 100%;
   justify-content: flex-start !important;
@@ -1568,13 +1600,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   opacity: 0;
   align-items: center;
   justify-content: center;
-  animation: 0.5s ease 0.2s edit-site-canvas-loader__fade-in-animation;
-  animation-fill-mode: forwards;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-canvas-loader {
-    animation-duration: 1ms;
-    animation-delay: 0s;
+    animation: 0.5s ease 0.2s edit-site-canvas-loader__fade-in-animation;
+    animation-fill-mode: forwards;
   }
 }
 .edit-site-canvas-loader > div {
@@ -1597,7 +1627,7 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   cursor: pointer;
 }
 
-.edit-site-global-styles-preview__iframe {
+.edit-site-global-styles-preview__wrapper {
   max-width: 100%;
   display: block;
   width: 100%;
@@ -1710,7 +1740,7 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   border: #e0e0e0 1px solid;
   border-radius: 4px;
   overflow: auto;
-  background-image: repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5);
+  background-image: repeating-linear-gradient(-45deg, #f5f5f5 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, #f5f5f5 0, #f5f5f5);
   background-position: 100% 0, right 8px top 8px;
   background-size: 16px 16px;
 }
@@ -1732,9 +1762,10 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
 
 .edit-site-global-styles__shadow-editor__dropdown {
   width: 100%;
+  position: relative;
 }
-.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,
-.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button {
+
+.edit-site-global-styles__shadow-editor__dropdown-toggle {
   width: 100%;
   height: auto;
   padding-top: 8px;
@@ -1742,12 +1773,29 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   text-align: right;
   border-radius: inherit;
 }
-.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,
-.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open {
+.edit-site-global-styles__shadow-editor__dropdown-toggle.is-open {
   background: #f0f0f0;
   color: var(--wp-admin-theme-color);
 }
 
+.edit-site-global-styles__shadow-editor__remove-button {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  opacity: 0;
+}
+.edit-site-global-styles__shadow-editor__remove-button.edit-site-global-styles__shadow-editor__remove-button {
+  border: none;
+}
+.edit-site-global-styles__shadow-editor__dropdown-toggle:hover + .edit-site-global-styles__shadow-editor__remove-button, .edit-site-global-styles__shadow-editor__remove-button:focus, .edit-site-global-styles__shadow-editor__remove-button:hover {
+  opacity: 1;
+}
+@media (hover: none) {
+  .edit-site-global-styles__shadow-editor__remove-button {
+    opacity: 1;
+  }
+}
+
 .edit-site-global-styles-screen-css {
   flex: 1 1 auto;
   display: flex;
@@ -1790,6 +1838,10 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-direction: column;
 }
 
+.edit-site-global-styles-sidebar__navigator-screen .single-column {
+  grid-column: span 1;
+}
+
 .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,
 .edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations {
   background: unset;
@@ -1801,12 +1853,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
 }
 
 .edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile, .edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .edit-site-global-styles-screen-root__active-style-tile-preview {
-  box-shadow: none;
   border-radius: 2px;
 }
-.edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .block-editor-iframe__container, .edit-site-global-styles-screen-root__active-style-tile.edit-site-global-styles-screen-root__active-style-tile .edit-site-global-styles-screen-root__active-style-tile-preview .block-editor-iframe__container {
-  border: 1px solid #e0e0e0;
-}
 
 .edit-site-global-styles-screen-revisions__revisions-list {
   list-style: none;
@@ -2063,12 +2111,10 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: calc(100% - 60px);
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: edit-site-page/inline-size;
-  transition: width ease-out 0.2s;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-page {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: width ease-out 0.2s;
   }
 }
 @media (min-width: 782px) {
@@ -2084,12 +2130,10 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   position: sticky;
   top: 0;
   z-index: 2;
-  transition: padding ease-out 0.1s;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-page-header {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
 .edit-site-page-header .components-heading {
@@ -2107,7 +2151,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   margin-bottom: 8px;
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .edit-site-page-header {
     padding: 16px 24px;
@@ -2135,24 +2178,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   width: 96px;
   flex-grow: 0;
 }
-.page-patterns-preview-field .page-patterns-preview-field__button {
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  background-color: unset;
-  box-sizing: border-box;
-  cursor: pointer;
-  overflow: hidden;
-  height: 100%;
-  border-radius: 4px;
-}
-.page-patterns-preview-field .page-patterns-preview-field__button:focus-visible {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true] {
-  cursor: default;
-}
 
 .edit-site-patterns__pattern-icon {
   fill: var(--wp-block-synced-color);
@@ -2166,13 +2191,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   top: 0;
   z-index: 2;
   flex-shrink: 0;
-  transition: padding ease-out 0.1s;
   min-height: 40px;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-patterns__section-header {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
 .edit-site-patterns__section-header .edit-site-patterns__title {
@@ -2190,29 +2213,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   top: 0;
 }
 
-.edit-site-patterns__pattern-title {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: inherit;
-}
-.edit-site-patterns__pattern-title .is-link {
-  text-decoration: none;
-  color: #e0e0e0;
-}
-.edit-site-patterns__pattern-title .is-link:hover, .edit-site-patterns__pattern-title .is-link:focus {
-  color: #fff;
-}
-.edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon {
-  border-radius: 4px;
-  background: var(--wp-block-synced-color);
-  fill: #fff;
-}
-.edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon {
-  fill: currentcolor;
-}
-
 .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully) {
   background: rgba(var(--wp-block-synced-color--rgb), 0.04);
   color: var(--wp-block-synced-color);
@@ -2245,7 +2245,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   }
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .edit-site-page-patterns-dataviews .edit-site-patterns__section-header {
     padding-right: 24px;
@@ -2259,21 +2258,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   width: 100%;
   border-radius: 4px;
 }
-.page-templates-preview-field .page-templates-preview-field__button {
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  background-color: unset;
-  box-sizing: border-box;
-  cursor: pointer;
-  overflow: hidden;
-  height: 100%;
-  border-radius: 4px;
-}
-.page-templates-preview-field .page-templates-preview-field__button:focus-visible {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
 .dataviews-view-list .page-templates-preview-field .block-editor-block-preview__container {
   height: 120px;
 }
@@ -2324,13 +2308,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: 16px;
   object-fit: cover;
   opacity: 0;
-  transition: opacity 0.1s linear;
   border-radius: 100%;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .page-templates-author-field__avatar img {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: opacity 0.1s linear;
   }
 }
 .page-templates-author-field__avatar.is-loaded img {
@@ -2364,12 +2346,10 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
 
 .edit-site-editor__editor-interface {
   opacity: 1;
-  transition: opacity 0.1s ease-out;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-editor__editor-interface {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: opacity 0.1s ease-out;
   }
 }
 .edit-site-editor__editor-interface.is-loading {
@@ -2428,14 +2408,14 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #cccccc;
+  background-color: hsl(0deg, 0%, 80%);
   pointer-events: none;
 }
 .edit-site-editor__back-icon svg {
   fill: currentColor;
 }
 .edit-site-editor__back-icon.has-site-icon {
-  background-color: rgba(255, 255, 255, 0.6);
+  background-color: hsla(0deg, 0%, 100%, 0.6);
   -webkit-backdrop-filter: saturate(180%) blur(15px);
   backdrop-filter: saturate(180%) blur(15px);
 }
@@ -2589,12 +2569,20 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   }
   .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-    transition: border-radius, box-shadow 0.4s;
     overflow: hidden;
   }
+}
+@media (min-width: 782px) and (not (prefers-reduced-motion)) {
+  .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
+    transition: border-radius, box-shadow 0.4s;
+  }
+}
+@media (min-width: 782px) {
   .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
     border-radius: 8px;
   }
+}
+@media (min-width: 782px) {
   .edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
   }
@@ -2654,11 +2642,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
   box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
-  outline: 4px solid #0000;
+  outline: 4px solid rgba(0, 0, 0, 0);
   outline-offset: 4px;
 }
 .edit-site-layout__view-mode-toggle.components-button::before {
-  transition: box-shadow 0.1s ease;
   content: "";
   display: block;
   position: absolute;
@@ -2669,10 +2656,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   border-radius: 4px;
   box-shadow: none;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-layout__view-mode-toggle.components-button::before {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: box-shadow 0.1s ease;
   }
 }
 .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
@@ -2764,7 +2750,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _1eqch_slide-from-right {
+@keyframes _j3yax_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2774,7 +2760,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _1eqch_slide-from-left {
+@keyframes _j3yax_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2830,10 +2816,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _1eqch_slide-from-left;
+  animation-name: _j3yax_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _1eqch_slide-from-right;
+  animation-name: _j3yax_slide-from-right;
 }
 
 .edit-site-sidebar-button {
@@ -2867,6 +2853,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
   background: #2f2f2f;
   color: #fff;
+  font-weight: 500;
+}
+.edit-site-sidebar-navigation-item.components-item:focus-visible {
+  transform: translateZ(0);
 }
 .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
   fill: #949494;
@@ -2898,10 +2888,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-sidebar-navigation-screen__content {
   padding: 0 16px;
 }
-.edit-site-sidebar-navigation-screen__content .components-item-group {
-  margin-right: -16px;
-  margin-left: -16px;
-}
 .edit-site-sidebar-navigation-screen__content .components-text {
   color: #ccc;
 }
@@ -3033,6 +3019,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-sidebar-navigation-screen-patterns__group {
   margin-bottom: 24px;
+  margin-right: -16px;
+  margin-left: -16px;
 }
 .edit-site-sidebar-navigation-screen-patterns__group:last-of-type {
   border-bottom: 0;
@@ -3057,6 +3045,60 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   margin: 16px 0;
 }
 
+.edit-site-sidebar-navigation-screen__description {
+  margin: 0 0 32px 0;
+}
+
+.edit-site-sidebar-navigation-screen-navigation-menus {
+  margin-right: -16px;
+  margin-left: -16px;
+}
+
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell {
+  width: 100%;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
+  white-space: normal;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title {
+  margin-top: 3px;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell {
+  padding-left: 0;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button {
+  color: #949494;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current] {
+  color: #fff;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
+  color: #949494;
+}
+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus {
+  color: #fff;
+}
+
+.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner {
+  margin-right: auto;
+  margin-left: auto;
+  display: block;
+}
+
+.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor {
+  display: none;
+}
+
+.edit-site-sidebar-navigation-screen-main {
+  margin-right: -16px;
+  margin-left: -16px;
+}
+
+.edit-site-sidebar-navigation-screen-templates-browse {
+  margin-right: -16px;
+  margin-left: -16px;
+}
+
 .edit-site-sidebar-navigation-screen-dataviews__group-header {
   margin-top: 32px;
 }
@@ -3066,9 +3108,17 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   text-transform: uppercase;
 }
 
+.edit-site-sidebar-dataviews {
+  margin-right: -16px;
+  margin-left: -16px;
+}
+
+.edit-site-sidebar-navigation-screen-dataviews__custom-items .edit-site-sidebar-dataviews-dataview-item {
+  padding-left: 8px;
+}
+
 .edit-site-sidebar-dataviews-dataview-item {
   border-radius: 2px;
-  padding-left: 8px;
 }
 .edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu {
   min-width: initial;
@@ -3136,12 +3186,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   opacity: 0;
   position: absolute;
   left: 0;
-  transition: opacity 0.1s linear;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-site-hub__title .components-button::after {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: opacity 0.1s linear;
   }
 }
 .edit-site-site-hub__title .components-button:hover::after, .edit-site-site-hub__title .components-button:focus::after, .edit-site-site-hub__title .components-button:active::after {
@@ -3155,45 +3203,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   fill: #f0f0f0;
 }
 
-.edit-site-sidebar-navigation-screen__description {
-  margin: 0 0 32px 0;
-}
-
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell {
-  width: 100%;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
-  white-space: normal;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title {
-  margin-top: 3px;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell {
-  padding-left: 0;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button {
-  color: #949494;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current] {
-  color: #fff;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
-  color: #949494;
-}
-.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus {
-  color: #fff;
-}
-
-.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner {
-  margin-right: auto;
-  margin-left: auto;
-  display: block;
-}
-
-.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor {
-  display: none;
-}
-
 .edit-site-site-icon__icon {
   fill: currentColor;
   width: 100%;
@@ -3239,6 +3248,11 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   border-radius: 8px;
 }
 
+.edit-site-style-book__iframe {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
 .edit-site-style-book__iframe.is-button {
   border-radius: 8px;
 }
@@ -3262,6 +3276,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 
 .edit-site-editor-canvas-container {
   height: 100%;
+  background-color: #ddd;
 }
 .edit-site-editor-canvas-container iframe {
   display: block;
@@ -3281,7 +3296,11 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   position: absolute;
   left: 0;
   top: 0;
-  transition: all 0.3s;
+}
+@media not (prefers-reduced-motion) {
+  .edit-site-editor-canvas-container__section {
+    transition: all 0.3s;
+  }
 }
 
 .edit-site-editor-canvas-container__close-button {
@@ -3360,43 +3379,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
 
-.edit-site-post-list__title span {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.dataviews-view-grid__primary-field.dataviews-view-grid__primary-field--clickable .edit-site-post-list__title span,
-.dataviews-view-table__primary-field > .dataviews-view-table__cell-content--clickable .edit-site-post-list__title span {
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-  flex-grow: 0;
-  color: #1e1e1e;
-}
-.dataviews-view-grid__primary-field.dataviews-view-grid__primary-field--clickable .edit-site-post-list__title span:hover,
-.dataviews-view-table__primary-field > .dataviews-view-table__cell-content--clickable .edit-site-post-list__title span:hover {
-  color: var(--wp-admin-theme-color);
-}
-.dataviews-view-grid__primary-field.dataviews-view-grid__primary-field--clickable .edit-site-post-list__title span:focus,
-.dataviews-view-table__primary-field > .dataviews-view-table__cell-content--clickable .edit-site-post-list__title span:focus {
-  color: var(--wp-admin-theme-color--rgb);
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
-  border-radius: 2px;
-}
-
-.edit-site-post-list__title-badge {
-  background: #f0f0f0;
-  color: #2f2f2f;
-  padding: 0 4px;
-  border-radius: 2px;
-  font-size: 12px;
-  font-weight: 400;
-  flex-shrink: 0;
-  line-height: 20px;
-}
-
 .edit-site-post-list__status-icon {
   height: 24px;
   width: 24px;
@@ -3554,8 +3536,7 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
   width: 100%;
   height: auto !important;
   padding: 16px;
-  margin-top: -1px;
-  /* To collapse the margin with the previous element */
+  margin-top: -1px; /* To collapse the margin with the previous element */
 }
 .font-library-modal__font-card:hover {
   background-color: #f0f0f0;
@@ -3574,12 +3555,10 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
 .font-library-modal__font-card .font-library-modal__font-variant_demo-text {
   white-space: nowrap;
   flex-shrink: 0;
-  transition: opacity 0.3s ease-in-out;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .font-library-modal__font-card .font-library-modal__font-variant_demo-text {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: opacity 0.3s ease-in-out;
   }
 }
 
@@ -3666,12 +3645,10 @@ button.font-library-modal__upload-area {
   outline-offset: -1px;
   overflow: hidden;
   position: relative;
-  transition: outline 0.1s linear;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: outline 0.1s linear;
   }
 }
 .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill {
@@ -3727,6 +3704,18 @@ button.font-library-modal__upload-area {
   color: #1e1e1e;
 }
 
+.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon {
+  width: auto;
+  padding: 0 8px;
+}
+.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-styles .edit-site-page-content .edit-site-page-header__actions .components-button.has-icon::after {
+  content: attr(aria-label);
+  font-size: 12px;
+}
+
 /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
 ::view-transition-image-pair(root) {
   isolation: auto;