@wordpress/edit-site 5.23.0 → 5.24.0

package/build-module/utils/constants.js

@@ -33,16 +33,6 @@ export const {
 
 // Entities that are editable in focus mode.
 export const FOCUSABLE_ENTITIES = [TEMPLATE_PART_POST_TYPE, NAVIGATION_POST_TYPE, PATTERN_TYPES.user];
-
-/**
- * Block types that are considered to be page content. These are the only blocks
- * editable when hasPageContentFocus() is true.
- */
-export const PAGE_CONTENT_BLOCK_TYPES = {
-  'core/post-title': true,
-  'core/post-featured-image': true,
-  'core/post-content': true
-};
 export const POST_TYPE_LABELS = {
   [TEMPLATE_POST_TYPE]: __('Template'),
   [TEMPLATE_PART_POST_TYPE]: __('Template part'),

package/build-module/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","privateApis","patternPrivateApis","unlock","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","custom","theme","plugin","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","PATTERN_TYPES","PATTERN_DEFAULT_CATEGORY","PATTERN_USER_CATEGORY","EXCLUDED_PATTERN_SOURCES","PATTERN_SYNC_TYPES","FOCUSABLE_ENTITIES","user","PAGE_CONTENT_BLOCK_TYPES","POST_TYPE_LABELS"],"sources":["@wordpress/edit-site/src/utils/constants.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternPrivateApis } from '@wordpress/patterns';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\n// Navigation\nexport const NAVIGATION_POST_TYPE = 'wp_navigation';\n\n// Templates.\nexport const TEMPLATE_POST_TYPE = 'wp_template';\nexport const TEMPLATE_PART_POST_TYPE = 'wp_template_part';\nexport const TEMPLATE_ORIGINS = {\n\tcustom: 'custom',\n\ttheme: 'theme',\n\tplugin: 'plugin',\n};\nexport const TEMPLATE_PART_AREA_DEFAULT_CATEGORY = 'uncategorized';\n\n// Patterns.\nexport const {\n\tPATTERN_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_USER_CATEGORY,\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_SYNC_TYPES,\n} = unlock( patternPrivateApis );\n\n// Entities that are editable in focus mode.\nexport const FOCUSABLE_ENTITIES = [\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\n/**\n * Block types that are considered to be page content. These are the only blocks\n * editable when hasPageContentFocus() is true.\n */\nexport const PAGE_CONTENT_BLOCK_TYPES = {\n\t'core/post-title': true,\n\t'core/post-featured-image': true,\n\t'core/post-content': true,\n};\n\nexport const POST_TYPE_LABELS = {\n\t[ TEMPLATE_POST_TYPE ]: __( 'Template' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Template part' ),\n\t[ PATTERN_TYPES.user ]: __( 'Pattern' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Navigation' ),\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,qBAAqB;;AAEvE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;;AAEnD;AACA,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,uBAAuB,GAAG,kBAAkB;AACzD,OAAO,MAAMC,gBAAgB,GAAG;EAC/BC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACT,CAAC;AACD,OAAO,MAAMC,mCAAmC,GAAG,eAAe;;AAElE;AACA,OAAO,MAAM;EACZC,aAAa;EACbC,wBAAwB;EACxBC,qBAAqB;EACrBC,wBAAwB;EACxBC;AACD,CAAC,GAAGb,MAAM,CAAED,kBAAmB,CAAC;;AAEhC;AACA,OAAO,MAAMe,kBAAkB,GAAG,CACjCX,uBAAuB,EACvBF,oBAAoB,EACpBQ,aAAa,CAACM,IAAI,CAClB;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG;EACvC,iBAAiB,EAAE,IAAI;EACvB,0BAA0B,EAAE,IAAI;EAChC,mBAAmB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC/B,CAAEf,kBAAkB,GAAIL,EAAE,CAAE,UAAW,CAAC;EACxC,CAAEM,uBAAuB,GAAIN,EAAE,CAAE,eAAgB,CAAC;EAClD,CAAEY,aAAa,CAACM,IAAI,GAAIlB,EAAE,CAAE,SAAU,CAAC;EACvC,CAAEI,oBAAoB,GAAIJ,EAAE,CAAE,YAAa;AAC5C,CAAC"}
+{"version":3,"names":["__","privateApis","patternPrivateApis","unlock","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","TEMPLATE_ORIGINS","custom","theme","plugin","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","PATTERN_TYPES","PATTERN_DEFAULT_CATEGORY","PATTERN_USER_CATEGORY","EXCLUDED_PATTERN_SOURCES","PATTERN_SYNC_TYPES","FOCUSABLE_ENTITIES","user","POST_TYPE_LABELS"],"sources":["@wordpress/edit-site/src/utils/constants.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as patternPrivateApis } from '@wordpress/patterns';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\n// Navigation\nexport const NAVIGATION_POST_TYPE = 'wp_navigation';\n\n// Templates.\nexport const TEMPLATE_POST_TYPE = 'wp_template';\nexport const TEMPLATE_PART_POST_TYPE = 'wp_template_part';\nexport const TEMPLATE_ORIGINS = {\n\tcustom: 'custom',\n\ttheme: 'theme',\n\tplugin: 'plugin',\n};\nexport const TEMPLATE_PART_AREA_DEFAULT_CATEGORY = 'uncategorized';\n\n// Patterns.\nexport const {\n\tPATTERN_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_USER_CATEGORY,\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_SYNC_TYPES,\n} = unlock( patternPrivateApis );\n\n// Entities that are editable in focus mode.\nexport const FOCUSABLE_ENTITIES = [\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\nexport const POST_TYPE_LABELS = {\n\t[ TEMPLATE_POST_TYPE ]: __( 'Template' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Template part' ),\n\t[ PATTERN_TYPES.user ]: __( 'Pattern' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Navigation' ),\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,kBAAkB,QAAQ,qBAAqB;;AAEvE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,eAAe;;AAEnD;AACA,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,uBAAuB,GAAG,kBAAkB;AACzD,OAAO,MAAMC,gBAAgB,GAAG;EAC/BC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACT,CAAC;AACD,OAAO,MAAMC,mCAAmC,GAAG,eAAe;;AAElE;AACA,OAAO,MAAM;EACZC,aAAa;EACbC,wBAAwB;EACxBC,qBAAqB;EACrBC,wBAAwB;EACxBC;AACD,CAAC,GAAGb,MAAM,CAAED,kBAAmB,CAAC;;AAEhC;AACA,OAAO,MAAMe,kBAAkB,GAAG,CACjCX,uBAAuB,EACvBF,oBAAoB,EACpBQ,aAAa,CAACM,IAAI,CAClB;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC/B,CAAEd,kBAAkB,GAAIL,EAAE,CAAE,UAAW,CAAC;EACxC,CAAEM,uBAAuB,GAAIN,EAAE,CAAE,eAAgB,CAAC;EAClD,CAAEY,aAAa,CAACM,IAAI,GAAIlB,EAAE,CAAE,SAAU,CAAC;EACvC,CAAEI,oBAAoB,GAAIJ,EAAE,CAAE,YAAa;AAC5C,CAAC"}

package/build-style/style-rtl.css

@@ -1038,9 +1038,9 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .dataviews-wrapper {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 32px * 2);
   overflow: auto;
-  padding: 32px;
+  padding: 32px 32px 0;
 }
 .dataviews-wrapper > div {
   min-height: 100%;
@@ -1048,6 +1048,15 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .dataviews-pagination {
   margin-top: auto;
+  position: sticky;
+  bottom: 0;
+  background-color: #fff;
+  padding: 16px 0;
+  border-top: 1px solid #e0e0e0;
+}
+
+.dataviews-filters-options {
+  margin: 32px 0 16px;
 }
 
 .dataviews-list-view {
@@ -1077,15 +1086,70 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .dataviews-list-view tr {
   border-bottom: 1px solid #f0f0f0;
 }
+.dataviews-list-view tr:last-child {
+  border-bottom: 0;
+}
+.dataviews-list-view thead tr {
+  border: 0;
+}
+.dataviews-list-view thead th {
+  position: sticky;
+  top: -32px;
+  background-color: #fff;
+  box-shadow: inset 0 -1px 0 #e0e0e0;
+}
 
-.dataviews-view-grid__media {
+.dataviews-grid-view {
+  margin-bottom: 24px;
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+}
+@media (min-width: 1080px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+}
+@media (min-width: 1440px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+}
+.dataviews-grid-view .dataviews-view-grid__card h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.dataviews-grid-view .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
+  aspect-ratio: 1/1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  overflow: hidden;
 }
-.dataviews-view-grid__media > * {
-  max-width: 100%;
+.dataviews-grid-view .dataviews-view-grid__media > * {
   -o-object-fit: cover;
      object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.dataviews-grid-view .dataviews-view-grid__title {
+  min-height: 24px;
+}
+.dataviews-grid-view .dataviews-view-grid__title a {
+  color: #1e1e1e;
+  text-decoration: none;
+  font-weight: 500;
+}
+.dataviews-grid-view .dataviews-view-grid__fields {
+  position: relative;
+  font-size: 12px;
+  line-height: 16px;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
+  color: #757575;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+  color: #1e1e1e;
 }
 
 .dataviews-action-modal {
@@ -1267,17 +1331,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   fill: currentColor;
 }
 
-[class][class].edit-site-global-styles-sidebar__revisions-count-badge {
-  align-items: center;
-  background: #2f2f2f;
-  border-radius: 2px;
-  color: #fff;
-  display: inline-flex;
-  justify-content: center;
-  min-height: 24px;
-  min-width: 24px;
-}
-
 .edit-site-global-styles-screen-revisions {
   margin: 16px;
 }
@@ -1288,54 +1341,70 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 .edit-site-global-styles-screen-revisions__revisions-list li {
   margin-bottom: 0;
-  border-right: 1px solid #ddd;
 }
 
 .edit-site-global-styles-screen-revisions__revision-item {
   position: relative;
-  padding: 8px 12px 8px 0;
+  padding-right: 16px;
+  overflow: hidden;
+  cursor: pointer;
 }
-.edit-site-global-styles-screen-revisions__revision-item:first-child {
-  padding-top: 0;
+.edit-site-global-styles-screen-revisions__revision-item:hover {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
-.edit-site-global-styles-screen-revisions__revision-item:last-child {
-  padding-bottom: 0;
+.edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date {
+  color: var(--wp-admin-theme-color);
+}
+.edit-site-global-styles-screen-revisions__revision-item::before, .edit-site-global-styles-screen-revisions__revision-item::after {
+  position: absolute;
+  content: "\a";
+  display: block;
 }
 .edit-site-global-styles-screen-revisions__revision-item::before {
   background: #ddd;
   border-radius: 50%;
-  content: "\a";
-  display: inline-block;
   height: 8px;
   width: 8px;
-  position: absolute;
-  top: 50%;
-  right: 0;
+  top: 18px;
+  right: 17px;
   transform: translate(50%, -50%);
+  z-index: 1;
 }
 .edit-site-global-styles-screen-revisions__revision-item.is-selected::before {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
 }
-
-.edit-site-global-styles-screen-revisions__revision-button {
+.edit-site-global-styles-screen-revisions__revision-item::after {
+  height: 100%;
+  right: 16px;
+  top: 0;
+  width: 0;
+  border: 0.5px solid #ddd;
+}
+.edit-site-global-styles-screen-revisions__revision-item:first-child::after {
+  top: 18px;
+}
+.edit-site-global-styles-screen-revisions__revision-item:last-child::after {
+  height: 18px;
+}
+.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button {
   width: 100%;
   height: auto;
   display: block;
-  padding: 8px 12px;
-}
-.edit-site-global-styles-screen-revisions__revision-button:hover {
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  padding: 12px 24px 12px 12px;
 }
-.edit-site-global-styles-screen-revisions__revision-button:hover .edit-site-global-styles-screen-revisions__date {
-  color: var(--wp-admin-theme-color);
+.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button:focus, .edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button:active {
+  outline: 0;
+  box-shadow: none;
 }
 
-.is-selected .edit-site-global-styles-screen-revisions__revision-button {
+.is-selected {
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
-  opacity: 1;
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
-.is-selected .edit-site-global-styles-screen-revisions__meta {
+.is-selected .edit-site-global-styles-screen-revisions__revision-button {
+  opacity: 1;
+}
+.is-selected .edit-site-global-styles-screen-revisions__date {
   color: var(--wp-admin-theme-color);
 }
 
@@ -1350,19 +1419,25 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   align-items: flex-start;
   gap: 8px;
 }
+.edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date {
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 12px;
+}
 
 .edit-site-global-styles-screen-revisions__meta {
-  color: #757575;
+  color: #949494;
   display: flex;
-  justify-content: space-between;
+  justify-content: start;
   width: 100%;
   align-items: center;
-  text-align: right;
+  font-size: 12px;
 }
 .edit-site-global-styles-screen-revisions__meta img {
   width: 16px;
   height: 16px;
   border-radius: 100%;
+  margin-left: 8px;
 }
 
 .edit-site-global-styles-screen-revisions__loading {
@@ -1829,32 +1904,30 @@ body.is-fullscreen-mode .edit-site-list-header {
 .edit-site-list-added-by__icon {
   display: flex;
   flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: #2f2f2f;
-  border-radius: 100%;
+  width: 24px;
+  height: 24px;
 }
 .edit-site-list-added-by__icon svg {
-  fill: #fff;
+  fill: currentColor;
 }
 
 .edit-site-list-added-by__avatar {
   flex-shrink: 0;
   overflow: hidden;
-  border-radius: 100%;
-  background: #2f2f2f;
-  width: 32px;
-  height: 32px;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  display: flex;
 }
 .edit-site-list-added-by__avatar img {
-  width: 32px;
-  height: 32px;
+  width: 20px;
+  height: 20px;
   -o-object-fit: cover;
      object-fit: cover;
   opacity: 0;
   transition: opacity 0.1s linear;
+  border-radius: 100%;
 }
 @media (prefers-reduced-motion: reduce) {
   .edit-site-list-added-by__avatar img {
@@ -2127,6 +2200,13 @@ body.is-fullscreen-mode .edit-site-list-header {
   width: 384px;
 }
 
+.page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container {
+  height: 120px;
+}
+.page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container {
+  height: auto;
+}
+
 .edit-site-table-wrapper {
   width: 100%;
   padding: 32px;
@@ -2310,10 +2390,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   margin-bottom: 8px;
 }
 
-.edit-site-summary-field .components-dropdown {
-  width: 70%;
-}
-.edit-site-summary-field .edit-site-summary-field__trigger {
+.edit-site-summary-field__trigger {
   max-width: 100%;
   display: block;
   text-align: right;
@@ -2321,9 +2398,6 @@ body.is-fullscreen-mode .edit-site-list-header {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.edit-site-summary-field .edit-site-summary-field__label {
-  width: 30%;
-}
 
 .edit-site-page-panels-edit-template__dropdown .components-popover__content {
   min-width: 240px;
@@ -3126,6 +3200,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-save-hub__button[aria-disabled=true]:hover {
   color: inherit;
 }
+.edit-site-save-hub__button:not(.is-primary).is-busy, .edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover {
+  color: #1e1e1e;
+}
 
 @media (min-width: 600px) {
   .edit-site-save-panel__modal {
@@ -3295,6 +3372,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 }
 
 .edit-site-sidebar-navigation-screen__actions {
+  display: flex;
   flex-shrink: 0;
 }
 
@@ -3532,6 +3610,8 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 }
 .edit-site-sidebar-navigation-screen-template__added-by-description-author img {
   border-radius: 12px;
+  width: 20px;
+  height: 20px;
 }
 .edit-site-sidebar-navigation-screen-template__added-by-description-author svg {
   fill: #949494;
@@ -3540,7 +3620,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-sidebar-navigation-screen-template__added-by-description-author-icon {
   width: 24px;
   height: 24px;
-  margin-left: 8px;
+  margin-left: 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .edit-site-sidebar-navigation-screen-template__template-area-button {
@@ -3574,6 +3657,13 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   text-transform: uppercase;
 }
 
+.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;
+}
 .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;