@wordpress/edit-site 6.12.1-next.082ed6819.0 → 6.13.1-next.a9f418477.0

package/build-style/style-rtl.css

@@ -147,42 +147,62 @@
   }
 }
 
-.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;
+  }
+}
+
+/* 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-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 +212,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;
@@ -660,6 +654,15 @@
   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;
@@ -734,29 +737,21 @@
   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;
@@ -822,6 +817,10 @@
     padding-left: 24px;
   }
 }
+.dataviews-view-grid__media--clickable {
+  cursor: pointer;
+}
+
 ul.dataviews-view-list {
   list-style-type: none;
 }
@@ -1148,6 +1147,10 @@ ul.dataviews-view-list {
   }
 }
 
+.dataviews-column-primary__media {
+  max-width: 60px;
+}
+
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -1233,6 +1236,57 @@ ul.dataviews-view-list {
   align-items: center;
 }
 
+.fields-create-template-part-modal {
+  z-index: 1000001;
+}
+
+.fields-create-template-part-modal__area-radio-group {
+  width: 100%;
+  border: 1px solid #757575;
+  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;
+  padding: 12px;
+}
+.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-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-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-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-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-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-group .components-button.fields-create-template-part-modal__area-radio .fields-create-template-part-modal__option-label {
+  padding-top: 4px;
+  white-space: normal;
+}
+.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;
+  font-size: 12px;
+}
+.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;
+}
+
 .fields-controls__slug .fields-controls__slug-external-icon {
   margin-right: 5ch;
 }
@@ -1327,6 +1381,53 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   display: block;
 }
 
+.fields-controls__template-modal {
+  z-index: 1000001;
+}
+
+.fields-controls__template-content .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
+  padding-top: 2px;
+}
+@media (min-width: 782px) {
+  .fields-controls__template-content .block-editor-block-patterns-list {
+    column-count: 3;
+  }
+}
+@media (min-width: 1280px) {
+  .fields-controls__template-content .block-editor-block-patterns-list {
+    column-count: 4;
+  }
+}
+.fields-controls__template-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  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__page-title__badge {
+  background: #f0f0f0;
+  color: #2f2f2f;
+  padding: 0 4px;
+  border-radius: 2px;
+  font-size: 12px;
+  font-weight: 400;
+  flex-shrink: 0;
+  line-height: 20px;
+}
+
+.fields-field__pattern-title span:first-child {
+  flex: 1;
+}
+
 .edit-site-custom-template-modal__contents-wrapper {
   height: 100%;
   justify-content: flex-start !important;
@@ -1523,7 +1624,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%;
@@ -1636,7 +1737,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;
 }
@@ -1716,6 +1817,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;
@@ -2112,29 +2217,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);
@@ -2350,14 +2432,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);
 }
@@ -2576,7 +2658,7 @@ 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 {
@@ -2686,7 +2768,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _4uxd5_slide-from-right {
+@keyframes _4bom6_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2696,7 +2778,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _4uxd5_slide-from-left {
+@keyframes _4bom6_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2752,10 +2834,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _4uxd5_slide-from-left;
+  animation-name: _4bom6_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _4uxd5_slide-from-right;
+  animation-name: _4bom6_slide-from-right;
 }
 
 .edit-site-sidebar-button {
@@ -2782,13 +2864,12 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .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] {
   color: #e0e0e0;
-  background: #2f2f2f;
 }
 .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: #e0e0e0;
 }
 .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
-  background: var(--wp-admin-theme-color);
+  background: #2f2f2f;
   color: #fff;
 }
 .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
@@ -2821,7 +2902,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-sidebar-navigation-screen__content {
   padding: 0 16px;
 }
-.edit-site-sidebar-navigation-screen__content .edit-site-sidebar-navigation-screen-details-footer {
+.edit-site-sidebar-navigation-screen__content .components-item-group {
   margin-right: -16px;
   margin-left: -16px;
 }
@@ -2910,7 +2991,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   margin: 16px 0 0;
   border-top: 1px solid #2f2f2f;
 }
-.edit-site-sidebar-navigation-screen__footer .components-item-group {
+.edit-site-sidebar-navigation-screen__footer .edit-site-sidebar-navigation-screen-details-footer {
   margin-right: -16px;
   margin-left: -16px;
 }
@@ -2998,10 +3079,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 }
 .edit-site-sidebar-dataviews-dataview-item:hover, .edit-site-sidebar-dataviews-dataview-item:focus, .edit-site-sidebar-dataviews-dataview-item[aria-current] {
   color: #e0e0e0;
-  background: #2f2f2f;
 }
 .edit-site-sidebar-dataviews-dataview-item.is-selected {
-  background: var(--wp-admin-theme-color);
+  background: #2f2f2f;
+  font-weight: 500;
   color: #fff;
 }
 
@@ -3229,6 +3310,16 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   padding-top: 16px;
 }
 
+.edit-site-post-edit-header .edit-site-post-edit-header__description {
+  color: #757575;
+}
+.edit-site-post-edit-header .edit-site-post-edit-header__title {
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 500;
+  font-size: 13px;
+  line-height: 20px;
+}
+
 .edit-site-post-list__featured-image {
   height: 100%;
   object-fit: cover;
@@ -3283,43 +3374,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;
@@ -3441,9 +3495,14 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
 
 .font-library-modal__page-selection {
   font-size: 11px;
-  text-transform: uppercase;
   font-weight: 500;
-  color: #1e1e1e;
+  text-transform: uppercase;
+}
+@media (min-width: 600px) {
+  .font-library-modal__page-selection .components-select-control__input {
+    font-size: 11px !important;
+    font-weight: 500;
+  }
 }
 
 .font-library-modal__tabpanel-layout .components-base-control__field {