@wordpress/editor 14.35.2-next.dc3f6d3c1.0 → 14.36.1-next.6deb34194.0

package/build-style/style.css

@@ -196,27 +196,20 @@
   position: relative;
   z-index: 1;
   flex-flow: column;
-  container: admin-ui-page/inline-size;
 }
 
-@media not (prefers-reduced-motion) {
-  .admin-ui-page {
-    transition: width ease-out 0.2s;
-  }
-}
 .admin-ui-page__header {
-  padding: 16px 48px;
+  padding: 16px 24px;
   border-bottom: 1px solid #f0f0f0;
   background: #fff;
   position: sticky;
   top: 0;
 }
 
-@container (max-width: 430px) {
-  .admin-ui-page__header {
-    padding: 16px 24px;
-  }
+.admin-ui-page__sidebar-toggle-slot:empty {
+  display: none;
 }
+
 .admin-ui-page__header-subtitle {
   padding-block-end: 8px;
   color: #757575;
@@ -235,14 +228,9 @@
 }
 
 .admin-ui-page__content.has-padding {
-  padding: 16px 20px;
+  padding: 16px 24px;
 }
 
-@container (max-width: 430px) {
-  .admin-ui-page__content.has-padding {
-    padding: 16px 24px;
-  }
-}
 .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
   width: auto;
   padding: 0 8px;
@@ -802,7 +790,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 
 .font-library-modal .components-modal__content {
   padding-top: 0;
-  margin-bottom: 70px;
+  margin-bottom: 60px !important;
 }
 
 .font-library-modal .font-library-modal__subtitle {
@@ -816,7 +804,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 
 .font-library-modal__tabpanel-layout {
-  margin-top: 32px;
+  margin-top: 24px;
 }
 
 .font-library-modal__tabpanel-layout .font-library-modal__loading {
@@ -833,19 +821,15 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 
 .font-library-modal__footer {
   border-top: 1px solid #ddd;
-  margin: 0 -32px -32px;
-  padding: 16px 32px;
+  margin: 0 -24px -24px;
+  padding: 16px 24px;
   position: absolute;
-  bottom: 32px;
+  bottom: 24px;
   width: 100%;
-  height: 70px;
+  height: 60px;
   background-color: #fff;
 }
 
-.font-library-modal__category-select {
-  min-width: 40%;
-}
-
 .font-library-modal__page-selection {
   font-size: 11px;
   font-weight: 499;
@@ -883,13 +867,16 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   height: auto !important;
   padding: 16px;
   margin-top: -1px; /* To collapse the margin with the previous element */
-  background-color: #f0f0f0;
 }
 
 .font-library-modal__font-card:hover {
   background-color: #f0f0f0;
 }
 
+.font-library-modal__font-card:focus {
+  position: relative;
+}
+
 .font-library-modal__font-card .font-library-modal__font-card__name {
   font-weight: bold;
 }
@@ -919,7 +906,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   top: 0;
   border-bottom: 1px solid #ddd;
   background: #fff;
-  margin: 0 -32px;
+  margin: 0 -24px;
   padding: 0 16px;
   z-index: 1;
 }
@@ -1251,10 +1238,6 @@ button.font-library-modal__upload-area {
   color: #757575;
 }
 
-.global-styles-ui-screen {
-  margin: 12px 16px 16px;
-}
-
 .global-styles-ui-screen-typography__indicator {
   height: 24px;
   width: 24px;
@@ -1286,14 +1269,18 @@ button.font-library-modal__upload-area {
   row-gap: 12px;
 }
 
-.global-styles-ui-header__description {
-  padding: 0 16px;
+.global-styles-ui-screen-header {
+  margin-bottom: 12px;
 }
 
 .global-styles-ui-header {
   margin-bottom: 0 !important;
 }
 
+.global-styles-ui-header__description {
+  margin: 12px 0 !important;
+}
+
 .global-styles-ui-subtitle {
   margin-bottom: 0 !important;
   text-transform: uppercase;
@@ -1443,10 +1430,12 @@ button.font-library-modal__upload-area {
   height: 100%;
 }
 
-.global-styles-ui-sidebar__navigator-screen {
+.global-styles-ui-sidebar__navigator-screen.components-navigator-screen {
   display: flex;
   flex-direction: column;
   height: 100%;
+  padding: 24px;
+  outline: none;
 }
 
 .global-styles-ui-sidebar__navigator-screen .single-column {
@@ -1467,15 +1456,15 @@ button.font-library-modal__upload-area {
   border-radius: 2px;
 }
 
+.global-styles-ui-screen-root__active-style-tile-preview {
+  clip-path: border-box;
+}
+
 .global-styles-ui-color-palette-panel,
 .global-styles-ui-gradient-palette-panel {
   padding: 16px;
 }
 
-.components-navigator-screen {
-  padding: 12px;
-}
-
 /**
  * Colors
  */
@@ -1573,13 +1562,13 @@ button.font-library-modal__upload-area {
   flex-direction: column;
   font-size: 13px;
   line-height: 1.4;
-  background-color: inherit;
+  background-color: var(--wp-dataviews-color-background, #fff);
 }
 
 .dataviews__view-actions,
 .dataviews-filters__container {
   box-sizing: border-box;
-  padding: 16px 48px;
+  padding: 16px 24px;
   flex-shrink: 0;
   position: sticky;
   left: 0;
@@ -1594,7 +1583,7 @@ button.font-library-modal__upload-area {
 }
 .dataviews-no-results,
 .dataviews-loading {
-  padding: 0 48px;
+  padding: 0 24px;
   flex-grow: 1;
   display: flex;
   align-items: center;
@@ -1616,11 +1605,6 @@ button.font-library-modal__upload-area {
   .dataviews-filters__container {
     padding: 12px 24px;
   }
-  .dataviews-no-results,
-  .dataviews-loading {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
 }
 .dataviews-title-field {
   font-size: 13px;
@@ -1682,7 +1666,7 @@ button.font-library-modal__upload-area {
 }
 
 /**
- * Applying a consistent 24px padding when DataViews are placed within cards.
+ * When DataViews are placed within cards, apply a consistent top padding.
  */
 .components-card__body:has(> .dataviews-wrapper),
 .components-card__body:has(> .dataviews-picker-wrapper) {
@@ -1690,35 +1674,6 @@ button.font-library-modal__upload-area {
   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,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
-.components-card__body:has(> .dataviews-picker-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,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
-.components-card__body:has(> .dataviews-picker-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,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
-.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
-  padding-inline-end: 24px;
-}
-
 .dataviews-bulk-actions-footer__item-count {
   color: #1e1e1e;
   font-weight: 499;
@@ -2320,7 +2275,7 @@ button.font-library-modal__upload-area {
   bottom: 0;
   left: 0;
   background-color: inherit;
-  padding: 12px 48px;
+  padding: 12px 24px;
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
 }
@@ -2334,11 +2289,6 @@ button.font-library-modal__upload-area {
   z-index: 2;
 }
 
-@container (max-width: 430px) {
-  .dataviews-footer {
-    padding: 12px 24px;
-  }
-}
 @container (max-width: 560px) {
   .dataviews-footer {
     flex-direction: column !important;
@@ -2465,25 +2415,52 @@ button.font-library-modal__upload-area {
   gap: 32px;
   grid-template-rows: max-content;
   grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
-  padding: 0 48px 24px;
+  padding: 0 24px 24px;
   container-type: inline-size;
-  /**
-  	* 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: 430px) {
+@media not (prefers-reduced-motion) {
   .dataviews-view-grid-items {
-    padding-left: 24px;
-    padding-right: 24px;
+    transition: padding ease-out 0.1s;
   }
 }
+.dataviews-view-grid {
+  padding: 0 24px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  container-type: inline-size;
+  margin-bottom: auto;
+}
+
 @media not (prefers-reduced-motion) {
-  .dataviews-view-grid-items {
+  .dataviews-view-grid {
     transition: padding ease-out 0.1s;
   }
 }
+.dataviews-view-grid .dataviews-view-grid__row {
+  display: grid;
+  gap: 32px;
+}
+
+.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell {
+  border-radius: 4px;
+  position: relative;
+}
+
+.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell[data-focus-visible]::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  border-radius: 4px;
+  pointer-events: none;
+  outline: 2px solid transparent;
+}
+
 .dataviews-view-grid .dataviews-view-grid__card {
   height: 100%;
   justify-content: flex-start;
@@ -2661,16 +2638,10 @@ button.font-library-modal__upload-area {
   font-weight: 499;
   color: #1e1e1e;
   margin: 0 0 8px 0;
-  padding: 0 48px;
+  padding: 0 24px;
   container-type: inline-size;
 }
 
-@container (max-width: 430px) {
-  .dataviews-view-grid__group-header {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
-}
 div.dataviews-view-list {
   list-style-type: none;
 }
@@ -2957,35 +2928,22 @@ div.dataviews-view-list {
   background-color: inherit;
 }
 
-.dataviews-view-table tr .dataviews-view-table-header-button {
-  gap: 4px;
-}
-
 .dataviews-view-table tr td:first-child,
 .dataviews-view-table tr th:first-child {
-  padding-left: 48px;
-}
-
-.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
-.dataviews-view-table tr th:first-child .dataviews-view-table-header-button {
-  margin-left: -8px;
+  padding-left: 24px;
 }
 
 .dataviews-view-table tr td:last-child,
 .dataviews-view-table tr th:last-child {
-  padding-right: 48px;
+  padding-right: 24px;
 }
 
 .dataviews-view-table tr:last-child {
   border-bottom: 0;
 }
 
-.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
-  opacity: 0;
-}
-
-.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus {
-  opacity: 1;
+.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 .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
@@ -2993,7 +2951,6 @@ div.dataviews-view-list {
 }
 
 @media (hover: none) {
-  .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
   .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
     opacity: 1;
   }
@@ -3041,22 +2998,30 @@ div.dataviews-view-list {
   border: 0;
 }
 
-.dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input {
-  opacity: 1;
-}
-
 .dataviews-view-table thead th {
   background-color: inherit;
   padding-top: 8px;
   padding-bottom: 8px;
-  padding-left: 12px;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: 499;
 }
 
-.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) {
+.dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
   padding-left: 4px;
+  padding-right: 4px;
+}
+
+.dataviews-view-table thead th:has(.dataviews-view-table-header-button) .dataviews-view-table-header-button {
+  gap: 4px;
+}
+
+.dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
+  padding-left: 40px;
+}
+
+.dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
+  padding-right: 40px;
 }
 
 .dataviews-view-table tbody td {
@@ -3110,14 +3075,14 @@ div.dataviews-view-list {
   white-space: nowrap;
 }
 
-.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input {
-  opacity: 1;
-}
-
 .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
   padding-left: 0;
 }
 
+.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:last-child) {
+  padding-right: 0;
+}
+
 .dataviews-view-table.has-compact-density td,
 .dataviews-view-table.has-compact-density th {
   padding: 4px 8px;
@@ -3134,16 +3099,6 @@ div.dataviews-view-list {
   padding-right: 0;
 }
 
-@container (max-width: 430px) {
-  .dataviews-view-table tr td:first-child,
-  .dataviews-view-table tr th:first-child {
-    padding-left: 24px;
-  }
-  .dataviews-view-table tr td:last-child,
-  .dataviews-view-table tr th:last-child {
-    padding-right: 24px;
-  }
-}
 .dataviews-view-table-selection-checkbox {
   --checkbox-input-size: 24px;
 }
@@ -3187,12 +3142,12 @@ div.dataviews-view-list {
 
 .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
   font-weight: 499;
-  padding: 12px 48px;
+  padding: 12px 24px;
   color: #1e1e1e;
 }
 
 /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
-.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-primary) {
+.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data) {
   width: 1%;
 }
 
@@ -3388,6 +3343,205 @@ div.dataviews-view-list {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12);
 }
 
+.dataviews-view-activity {
+  margin: 0 0 auto;
+  padding: 8px 24px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__group-header {
+  font-size: 15px;
+  font-weight: 499;
+  color: #949494;
+  margin: 0 0 8px 0;
+  padding: 0;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-actions {
+  min-width: 24px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content {
+  flex-grow: 1;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
+  min-height: 16px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex: 1;
+  overflow: hidden;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable {
+  cursor: pointer;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
+  outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
+  outline-offset: var(--wp-admin-border-width-focus);
+  border-radius: 2px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
+  display: flex;
+  width: max-content;
+  flex: 0 0 auto;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions .components-button {
+  position: relative;
+  z-index: 1;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
+  color: #757575;
+  display: flex;
+  gap: 12px;
+  row-gap: 4px;
+  flex-wrap: wrap;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields:empty {
+  display: none;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field:has(.dataviews-view-activity__item-field-value:empty) {
+  display: none;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field-value {
+  display: flex;
+  align-items: center;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type {
+  align-self: stretch;
+  flex-shrink: 0;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type::after {
+  content: "";
+  flex: 1 1 auto;
+  width: 1px;
+  margin: 0 auto;
+  background-color: #ddd;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type::before {
+  content: "";
+  flex: 0 0 auto;
+  width: 1px;
+  margin: 0 auto;
+  background-color: #ddd;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
+  width: 8px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
+  height: 12px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
+  width: 11px;
+  height: 11px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
+  margin: 12px 0;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
+  width: 24px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
+  height: 12px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
+  width: 25px;
+  height: 25px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
+  margin: 12px 0;
+  padding-top: 8px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
+  width: 32px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
+  height: 8px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
+  width: 33px;
+  height: 33px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
+  margin: 8px 0 16px;
+  padding-top: 12px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
+  width: 9px;
+  height: 9px;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.dataviews-view-activity .dataviews-view-activity__item:first-child .dataviews-view-activity__item-type::before {
+  visibility: hidden;
+}
+
+.dataviews-view-activity .dataviews-view-activity__group:last-of-type > .dataviews-view-activity__item:last-of-type .dataviews-view-activity__item-type::after, .dataviews-view-activity > .dataviews-view-activity__item:last-child .dataviews-view-activity__item-type::after {
+  background: linear-gradient(to bottom, #ddd 0%, rgba(221, 221, 221, 0.2) 60%, rgba(221, 221, 221, 0) 100%);
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type-icon {
+  overflow: hidden;
+  flex-shrink: 0;
+  background-color: #fff;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type-icon img,
+.dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
+.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+  object-fit: cover;
+  border-radius: 50%;
+  box-sizing: border-box;
+  box-shadow: inset 0 0 0 1px #ddd;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type-icon svg {
+  padding: 4px;
+}
+
+.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
+  content: "";
+  background-color: #ddd;
+}
+
+.dataviews-view-activity + .dataviews-pagination {
+  justify-content: space-between;
+}
+
 .dataviews-controls__datetime {
   border: none;
   padding: 0;
@@ -4246,8 +4400,8 @@ div.dataviews-view-list {
 .editor-global-styles-sidebar__panel {
   flex: 1;
 }
-.editor-global-styles-sidebar .components-navigator-screen {
-  padding: 0;
+.editor-global-styles-sidebar .global-styles-ui-sidebar__navigator-screen.components-navigator-screen {
+  padding: 12px;
 }
 
 .editor-global-styles-sidebar .editor-global-styles-sidebar__header-title {