@wordpress/edit-site 6.44.0 → 6.45.0

package/build-style/style-rtl.css

@@ -107,141 +107,6 @@
   }
 }
 
-.admin-ui-page {
-  display: flex;
-  height: 100%;
-  background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
-  color: var(--wpds-color-fg-content-neutral, #1e1e1e);
-  position: relative;
-  z-index: 1;
-  flex-flow: column;
-  text-wrap: pretty;
-}
-
-.admin-ui-page__header {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
-  background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.admin-ui-page__header-title {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.admin-ui-page__sidebar-toggle-slot:empty {
-  display: none;
-}
-
-.admin-ui-page__header-subtitle {
-  padding-block-end: var(--wpds-dimension-padding-xs, 4px);
-  color: var(--wpds-color-fg-content-neutral-weak, #707070);
-  font-size: var(--wpds-typography-font-size-md, 13px);
-  line-height: var(--wpds-typography-line-height-md, 24px);
-  margin: 0;
-}
-
-.admin-ui-page__content {
-  flex-grow: 1;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-.admin-ui-page__content.has-padding {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
-  width: auto;
-  padding: 0 var(--wpds-dimension-padding-xs, 4px);
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
-  display: none;
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
-  content: attr(aria-label);
-  font-size: var(--wpds-typography-font-size-sm, 12px);
-}
-
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-.admin-ui-breadcrumbs__list {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  gap: 0;
-  min-height: 32px;
-}
-
-.admin-ui-breadcrumbs__list li:not(:last-child)::after {
-  content: "/";
-  margin: 0 8px;
-}
-
-.admin-ui-breadcrumbs__list h1 {
-  font-size: inherit;
-  line-height: inherit;
-}
-
 /**
  * Colors
  */
@@ -2983,7 +2848,7 @@ div.dataviews-view-list {
 }
 
 input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-label::before {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 input[type=radio]:focus-visible ~ .fields-create-template-part-modal__area-radio-label::before {
@@ -3111,7 +2976,7 @@ fieldset.fields__media-edit .fields__media-edit-picker-button {
   border-radius: 2px;
   padding: 4px 8px;
   min-height: 40px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   min-width: 0;
 }
 
@@ -3713,7 +3578,7 @@ button.font-library__upload-area {
 
 .global-styles-ui-screen-revisions__revision-item {
   position: relative;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   display: flex;
   flex-direction: column;
 }
@@ -3890,7 +3755,7 @@ button.font-library__upload-area {
 
 .global-styles-ui-variations_item {
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
@@ -3928,20 +3793,16 @@ button.font-library__upload-area {
   outline-color: var(--wp-admin-theme-color);
 }
 
-.global-styles-ui-preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-  cursor: pointer;
-}
-
 .global-styles-ui-preview__wrapper {
   max-width: 100%;
   display: block;
   width: 100%;
 }
 
+.global-styles-ui-preview__wrapper.is-hoverable {
+  cursor: var(--wpds-cursor-control, pointer);
+}
+
 .global-styles-ui-typography-preview {
   display: flex;
   align-items: center;
@@ -4460,6 +4321,18 @@ button.font-library__upload-area {
     padding-left: 24px;
   }
 }
+.show-icon-labels .edit-site-patterns__button.has-icon {
+  width: auto;
+  padding: 0 var(--wpds-dimension-padding-xs, 4px);
+}
+.show-icon-labels .edit-site-patterns__button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-patterns__button.has-icon::after {
+  content: attr(aria-label);
+  font-size: var(--wpds-typography-font-size-sm, 12px);
+}
+
 .page-templates-preview-field {
   display: flex;
   justify-content: center;
@@ -5350,60 +5223,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
 }
 
-.edit-site-post-list__featured-image {
-  height: 100%;
-  object-fit: cover;
-  width: 100%;
-}
-
-.edit-site-post-list__featured-image-wrapper {
-  height: 100%;
-  width: 100%;
-  border-radius: 4px;
-}
-.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)), .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button {
-  width: 32px;
-  height: 32px;
-  display: block;
-  border-radius: 4px;
-  position: relative;
-  overflow: hidden;
-  background-color: #f0f0f0;
-  flex-grow: 0 !important;
-}
-.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button))::after, .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button::after {
-  border-radius: 4px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  content: "";
-  height: 100%;
-  right: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.edit-site-post-list__featured-image-button {
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  background-color: unset;
-  box-sizing: border-box;
-  cursor: pointer;
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
-  border-radius: 4px;
-}
-.edit-site-post-list__featured-image-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-grid__card.is-selected .edit-site-post-list__featured-image-button::after {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
-}
-
 .fields-controls__password {
   border-top: 1px solid #e0e0e0;
   padding-top: 16px;
@@ -5580,6 +5399,18 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
   color: #1e1e1e;
 }
 
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
+  width: auto;
+  padding: 0 var(--wpds-dimension-padding-xs, 4px);
+}
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon::after {
+  content: attr(aria-label);
+  font-size: var(--wpds-typography-font-size-sm, 12px);
+}
+
 /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
 ::view-transition-image-pair(root) {
   isolation: auto;

package/build-style/style.css

@@ -107,141 +107,6 @@
   }
 }
 
-.admin-ui-page {
-  display: flex;
-  height: 100%;
-  background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
-  color: var(--wpds-color-fg-content-neutral, #1e1e1e);
-  position: relative;
-  z-index: 1;
-  flex-flow: column;
-  text-wrap: pretty;
-}
-
-.admin-ui-page__header {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-  border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
-  background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.admin-ui-page__header-title {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.admin-ui-page__sidebar-toggle-slot:empty {
-  display: none;
-}
-
-.admin-ui-page__header-subtitle {
-  padding-block-end: var(--wpds-dimension-padding-xs, 4px);
-  color: var(--wpds-color-fg-content-neutral-weak, #707070);
-  font-size: var(--wpds-typography-font-size-md, 13px);
-  line-height: var(--wpds-typography-line-height-md, 24px);
-  margin: 0;
-}
-
-.admin-ui-page__content {
-  flex-grow: 1;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-.admin-ui-page__content.has-padding {
-  padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
-  width: auto;
-  padding: 0 var(--wpds-dimension-padding-xs, 4px);
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
-  display: none;
-}
-
-.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
-  content: attr(aria-label);
-  font-size: var(--wpds-typography-font-size-sm, 12px);
-}
-
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-.admin-ui-breadcrumbs__list {
-  font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
-  font-size: var(--wpds-typography-font-size-lg, 15px);
-  font-weight: var(--wpds-typography-font-weight-medium, 499);
-  line-height: var(--wpds-typography-line-height-lg, 28px);
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  gap: 0;
-  min-height: 32px;
-}
-
-.admin-ui-breadcrumbs__list li:not(:last-child)::after {
-  content: "/";
-  margin: 0 8px;
-}
-
-.admin-ui-breadcrumbs__list h1 {
-  font-size: inherit;
-  line-height: inherit;
-}
-
 /**
  * Colors
  */
@@ -2983,7 +2848,7 @@ div.dataviews-view-list {
 }
 
 input[type=radio]:not(:checked) ~ .fields-create-template-part-modal__area-radio-label::before {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 input[type=radio]:focus-visible ~ .fields-create-template-part-modal__area-radio-label::before {
@@ -3111,7 +2976,7 @@ fieldset.fields__media-edit .fields__media-edit-picker-button {
   border-radius: 2px;
   padding: 4px 8px;
   min-height: 40px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   min-width: 0;
 }
 
@@ -3713,7 +3578,7 @@ button.font-library__upload-area {
 
 .global-styles-ui-screen-revisions__revision-item {
   position: relative;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   display: flex;
   flex-direction: column;
 }
@@ -3890,7 +3755,7 @@ button.font-library__upload-area {
 
 .global-styles-ui-variations_item {
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .global-styles-ui-variations_item .global-styles-ui-variations_item-preview {
@@ -3928,20 +3793,16 @@ button.font-library__upload-area {
   outline-color: var(--wp-admin-theme-color);
 }
 
-.global-styles-ui-preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-  cursor: pointer;
-}
-
 .global-styles-ui-preview__wrapper {
   max-width: 100%;
   display: block;
   width: 100%;
 }
 
+.global-styles-ui-preview__wrapper.is-hoverable {
+  cursor: var(--wpds-cursor-control, pointer);
+}
+
 .global-styles-ui-typography-preview {
   display: flex;
   align-items: center;
@@ -4463,6 +4324,18 @@ button.font-library__upload-area {
     padding-right: 24px;
   }
 }
+.show-icon-labels .edit-site-patterns__button.has-icon {
+  width: auto;
+  padding: 0 var(--wpds-dimension-padding-xs, 4px);
+}
+.show-icon-labels .edit-site-patterns__button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-patterns__button.has-icon::after {
+  content: attr(aria-label);
+  font-size: var(--wpds-typography-font-size-sm, 12px);
+}
+
 .page-templates-preview-field {
   display: flex;
   justify-content: center;
@@ -5353,60 +5226,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
 }
 
-.edit-site-post-list__featured-image {
-  height: 100%;
-  object-fit: cover;
-  width: 100%;
-}
-
-.edit-site-post-list__featured-image-wrapper {
-  height: 100%;
-  width: 100%;
-  border-radius: 4px;
-}
-.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button)), .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button {
-  width: 32px;
-  height: 32px;
-  display: block;
-  border-radius: 4px;
-  position: relative;
-  overflow: hidden;
-  background-color: #f0f0f0;
-  flex-grow: 0 !important;
-}
-.edit-site-post-list__featured-image-wrapper.is-layout-table:not(:has(.edit-site-post-list__featured-image-button))::after, .edit-site-post-list__featured-image-wrapper.is-layout-table .edit-site-post-list__featured-image-button::after {
-  border-radius: 4px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  content: "";
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.edit-site-post-list__featured-image-button {
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  background-color: unset;
-  box-sizing: border-box;
-  cursor: pointer;
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
-  border-radius: 4px;
-}
-.edit-site-post-list__featured-image-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-grid__card.is-selected .edit-site-post-list__featured-image-button::after {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
-}
-
 .fields-controls__password {
   border-top: 1px solid #e0e0e0;
   padding-top: 16px;
@@ -5583,6 +5402,18 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
   color: #1e1e1e;
 }
 
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
+  width: auto;
+  padding: 0 var(--wpds-dimension-padding-xs, 4px);
+}
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon::after {
+  content: attr(aria-label);
+  font-size: var(--wpds-typography-font-size-sm, 12px);
+}
+
 /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
 ::view-transition-image-pair(root) {
   isolation: auto;