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

package/build-style/posts.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-left: 24px;
+    padding-right: 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-left: 24px;
-    padding-right: 24px;
-  }
-}
 .dataviews-bulk-actions-footer__item-count {
   color: #1e1e1e;
   font-weight: 500;
@@ -600,6 +594,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;
 }
@@ -660,6 +662,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;
@@ -680,12 +691,12 @@
 .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 {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: -moz-fit-content;
   width: fit-content;
 }
@@ -734,29 +745,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 +825,10 @@
     padding-right: 24px;
   }
 }
+.dataviews-view-grid__media--clickable {
+  cursor: pointer;
+}
+
 ul.dataviews-view-list {
   list-style-type: none;
 }
@@ -836,6 +843,7 @@ ul.dataviews-view-list {
 .dataviews-view-list li .dataviews-view-list__item-wrapper {
   position: relative;
   padding: 16px 24px;
+  box-sizing: border-box;
 }
 .dataviews-view-list li .dataviews-view-list__item-actions {
   flex: 0;
@@ -863,16 +871,16 @@ ul.dataviews-view-list {
 .dataviews-view-list li.is-selected.is-selected + li {
   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 li: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 {
   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):hover .dataviews-view-list__title-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__title-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__title-field,
 .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
@@ -881,9 +889,9 @@ ul.dataviews-view-list {
   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__title-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__title-field,
 .dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
@@ -909,13 +917,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 {
@@ -1148,6 +1156,10 @@ ul.dataviews-view-list {
   }
 }
 
+.dataviews-column-primary__media {
+  max-width: 60px;
+}
+
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -1404,7 +1416,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 {
@@ -1578,7 +1590,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _oixbu_slide-from-right {
+@keyframes _usxp5_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1588,7 +1600,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _oixbu_slide-from-left {
+@keyframes _usxp5_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1644,10 +1656,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _oixbu_slide-from-left;
+  animation-name: _usxp5_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _oixbu_slide-from-right;
+  animation-name: _usxp5_slide-from-right;
 }
 
 .edit-site-site-hub {
@@ -1844,43 +1856,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;