@wordpress/fields 0.29.0 → 0.29.1-next.79a2f3cdd.0

package/build-module/fields/template/{template-edit.js → template-edit.mjs}

@@ -14,8 +14,8 @@ import { useAsyncList } from "@wordpress/compose";
 import { useSelect } from "@wordpress/data";
 import { decodeEntities } from "@wordpress/html-entities";
 import { __ } from "@wordpress/i18n";
-import { getItemTitle } from "../../actions/utils";
-import { unlock } from "../../lock-unlock";
+import { getItemTitle } from "../../actions/utils.mjs";
+import { unlock } from "../../lock-unlock.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EMPTY_ARRAY = [];
 var TemplateEdit = ({
@@ -166,4 +166,4 @@ var TemplateEdit = ({
 export {
   TemplateEdit
 };
-//# sourceMappingURL=template-edit.js.map
+//# sourceMappingURL=template-edit.mjs.map

package/build-module/fields/template-title/{index.js → index.mjs}

@@ -1,7 +1,7 @@
 // packages/fields/src/fields/template-title/index.ts
 import { __ } from "@wordpress/i18n";
-import { getItemTitle } from "../../actions/utils";
-import TitleView from "../title/view";
+import { getItemTitle } from "../../actions/utils.mjs";
+import TitleView from "../title/view.mjs";
 var templateTitleField = {
   type: "text",
   label: __("Template"),
@@ -17,4 +17,4 @@ var template_title_default = templateTitleField;
 export {
   template_title_default as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/fields/title/{index.js → index.mjs}

@@ -1,7 +1,7 @@
 // packages/fields/src/fields/title/index.ts
 import { __ } from "@wordpress/i18n";
-import { getItemTitle } from "../../actions/utils";
-import TitleView from "./view";
+import { getItemTitle } from "../../actions/utils.mjs";
+import TitleView from "./view.mjs";
 var titleField = {
   type: "text",
   id: "title",
@@ -17,4 +17,4 @@ var title_default = titleField;
 export {
   title_default as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/fields/title/{view.js → view.mjs}

@@ -2,7 +2,7 @@
 import clsx from "clsx";
 import { __experimentalHStack as HStack } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
-import { getItemTitle } from "../../actions/utils";
+import { getItemTitle } from "../../actions/utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function BaseTitleView({
   item,
@@ -30,4 +30,4 @@ export {
   BaseTitleView,
   TitleView as default
 };
-//# sourceMappingURL=view.js.map
+//# sourceMappingURL=view.mjs.map

package/build-module/index.mjs

@@ -0,0 +1,10 @@
+// packages/fields/src/index.ts
+export * from "./fields/index.mjs";
+export * from "./actions/index.mjs";
+import { default as default2 } from "./components/create-template-part-modal/index.mjs";
+import { default as default3 } from "./components/media-edit/index.mjs";
+export {
+  default2 as CreateTemplatePartModal,
+  default3 as MediaEdit
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export * from './fields';\nexport * from './actions';\nexport { default as CreateTemplatePartModal } from './components/create-template-part-modal';\nexport { default as MediaEdit } from './components/media-edit';\nexport type {\n\tBasePostWithEmbeddedAuthor,\n\tBasePost,\n\tMediaEditProps,\n\tPostType,\n\tPattern,\n} from './types';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,SAAoB,WAAXA,gBAA0C;AACnD,SAAoB,WAAXA,gBAA4B;",
+  "names": ["default"]
+}

package/build-module/{lock-unlock.js → lock-unlock.mjs}

@@ -8,4 +8,4 @@ export {
   lock,
   unlock
 };
-//# sourceMappingURL=lock-unlock.js.map
+//# sourceMappingURL=lock-unlock.mjs.map

package/build-module/mutation/{index.js → index.mjs}

@@ -127,4 +127,4 @@ export {
   deletePostWithNotices,
   editPostWithNotices
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/build-style/style-rtl.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 :root {
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
@@ -177,100 +181,181 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
   color: inherit;
 }
 
-.fields-controls__slug {
+fieldset.fields__media-edit {
   border: 0;
   padding: 0;
   margin: 0;
+  width: 100%;
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+  container-type: inline-size;
 }
-.fields-controls__slug .fields-controls__slug-external-icon {
-  margin-right: 5ch;
+fieldset.fields__media-edit .fields__media-edit-compact {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 8px;
+  align-items: center;
 }
-.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
-  padding-inline-start: 0 !important;
+fieldset.fields__media-edit .fields__media-edit-picker-button {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 1px solid #949494;
+  border-radius: 1px;
+  padding: calc(8px - 1px);
+  cursor: pointer;
+  min-width: 0;
 }
-.fields-controls__slug .fields-controls__slug-help-link {
-  word-break: break-word;
+fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
+  background-color: #f0f0f0;
 }
-.fields-controls__slug .fields-controls__slug-help {
-  display: flex;
-  flex-direction: column;
+fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: none;
 }
-.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
-  font-weight: 600;
+fieldset.fields__media-edit .fields__media-edit-filename,
+fieldset.fields__media-edit .fields__media-edit-placeholder {
+  flex: 1;
+  width: 100%;
+  min-width: 0;
 }
-
-.fields-controls__featured-image-placeholder {
+fieldset.fields__media-edit .fields__media-edit-placeholder {
+  text-align: center;
+}
+fieldset.fields__media-edit .fields__media-edit-thumbnail {
+  width: 24px;
+  aspect-ratio: 1/1;
+  flex-shrink: 0;
   border-radius: 2px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-  display: inline-block;
-  padding: 0;
-  background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
 }
-
-.fields-controls__featured-image-title {
+fieldset.fields__media-edit .fields__media-edit-expanded {
+  display: grid;
+  gap: 8px;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
+  position: relative;
   width: 100%;
-  color: #1e1e1e;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  aspect-ratio: 3/2;
+  border-radius: 2px;
+  padding: 4px;
   overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-
-.fields-controls__featured-image-image {
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
   width: 100%;
   height: 100%;
-  border-radius: 2px;
-  align-self: center;
 }
-
-.fields-controls__featured-image-container .fields-controls__featured-image-placeholder {
-  margin: 0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  opacity: 0;
+  pointer-events: none;
 }
-.fields-controls__featured-image-container span {
-  margin-left: auto;
+@media not (prefers-reduced-motion) {
+  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
+    transition: opacity 50ms ease-out;
+  }
 }
-
-fieldset.fields-controls__featured-image {
-  border: 0;
-  padding: 0;
-  margin: 0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
+  pointer-events: auto;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-container {
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  padding: 8px 12px;
-  cursor: pointer;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  border-radius: 1px;
+  backdrop-filter: blur(16px) saturate(180%);
+  background: rgba(255, 255, 255, 0.75);
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover {
-  background-color: #f0f0f0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  margin: 8px;
+  padding: 4px;
+  text-align: center;
+  border-radius: 1px;
+  backdrop-filter: blur(16px) saturate(180%);
+  background: rgba(255, 255, 255, 0.75);
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
+  position: relative;
+  min-width: 0;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder {
-  width: 24px;
-  height: 24px;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
+  opacity: 1;
 }
-fieldset.fields-controls__featured-image span {
-  align-self: center;
-  text-align: start;
-  white-space: nowrap;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
+  padding: 8px;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: 50% 50%;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
+  text-align: center;
+  flex: none;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
+  grid-template-columns: 1fr;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button {
+fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
+  aspect-ratio: 2/1;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+  grid-template-columns: repeat(3, 1fr);
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+}
+@container (max-width: 768px) {
+  fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+}
+@container (max-width: 280px) {
+  fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+    grid-template-columns: 1fr;
+  }
+}
+fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
   padding: 0;
-  height: fit-content;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
+fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: 3/2;
+}
+
+.fields-controls__slug {
   border: 0;
-  color: unset;
+  padding: 0;
+  margin: 0;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button {
-  place-self: end;
+.fields-controls__slug .fields-controls__slug-external-icon {
+  margin-right: 5ch;
 }
-
-.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
-  width: 16px;
-  height: 16px;
+.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
+  padding-inline-start: 0 !important;
 }
-.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder {
-  width: 16px;
-  height: 16px;
+.fields-controls__slug .fields-controls__slug-help-link {
+  word-break: break-word;
+}
+.fields-controls__slug .fields-controls__slug-help {
+  display: flex;
+  flex-direction: column;
+}
+.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
+  font-weight: 600;
 }
 
 .dataviews-view-grid__media .fields-controls__featured-image-image,
@@ -297,6 +382,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: 32px;
 }
 
+.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
+  width: 16px;
+  height: 16px;
+}
+
 .fields-controls__parent {
   border: 0;
   padding: 0;

package/build-style/style.css

@@ -83,6 +83,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 :root {
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
@@ -177,100 +181,181 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
   color: inherit;
 }
 
-.fields-controls__slug {
+fieldset.fields__media-edit {
   border: 0;
   padding: 0;
   margin: 0;
+  width: 100%;
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+  container-type: inline-size;
 }
-.fields-controls__slug .fields-controls__slug-external-icon {
-  margin-left: 5ch;
+fieldset.fields__media-edit .fields__media-edit-compact {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 8px;
+  align-items: center;
 }
-.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
-  padding-inline-start: 0 !important;
+fieldset.fields__media-edit .fields__media-edit-picker-button {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border: 1px solid #949494;
+  border-radius: 1px;
+  padding: calc(8px - 1px);
+  cursor: pointer;
+  min-width: 0;
 }
-.fields-controls__slug .fields-controls__slug-help-link {
-  word-break: break-word;
+fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
+  background-color: #f0f0f0;
 }
-.fields-controls__slug .fields-controls__slug-help {
-  display: flex;
-  flex-direction: column;
+fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: none;
 }
-.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
-  font-weight: 600;
+fieldset.fields__media-edit .fields__media-edit-filename,
+fieldset.fields__media-edit .fields__media-edit-placeholder {
+  flex: 1;
+  width: 100%;
+  min-width: 0;
 }
-
-.fields-controls__featured-image-placeholder {
+fieldset.fields__media-edit .fields__media-edit-placeholder {
+  text-align: center;
+}
+fieldset.fields__media-edit .fields__media-edit-thumbnail {
+  width: 24px;
+  aspect-ratio: 1/1;
+  flex-shrink: 0;
   border-radius: 2px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-  display: inline-block;
-  padding: 0;
-  background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
 }
-
-.fields-controls__featured-image-title {
+fieldset.fields__media-edit .fields__media-edit-expanded {
+  display: grid;
+  gap: 8px;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
+  position: relative;
   width: 100%;
-  color: #1e1e1e;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  aspect-ratio: 3/2;
+  border-radius: 2px;
+  padding: 4px;
   overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-
-.fields-controls__featured-image-image {
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
   width: 100%;
   height: 100%;
-  border-radius: 2px;
-  align-self: center;
 }
-
-.fields-controls__featured-image-container .fields-controls__featured-image-placeholder {
-  margin: 0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0;
+  pointer-events: none;
 }
-.fields-controls__featured-image-container span {
-  margin-right: auto;
+@media not (prefers-reduced-motion) {
+  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
+    transition: opacity 50ms ease-out;
+  }
 }
-
-fieldset.fields-controls__featured-image {
-  border: 0;
-  padding: 0;
-  margin: 0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
+  pointer-events: auto;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-container {
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  padding: 8px 12px;
-  cursor: pointer;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  border-radius: 1px;
+  backdrop-filter: blur(16px) saturate(180%);
+  background: rgba(255, 255, 255, 0.75);
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover {
-  background-color: #f0f0f0;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 8px;
+  padding: 4px;
+  text-align: center;
+  border-radius: 1px;
+  backdrop-filter: blur(16px) saturate(180%);
+  background: rgba(255, 255, 255, 0.75);
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
+  position: relative;
+  min-width: 0;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder {
-  width: 24px;
-  height: 24px;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
+  opacity: 1;
 }
-fieldset.fields-controls__featured-image span {
-  align-self: center;
-  text-align: start;
-  white-space: nowrap;
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
+  padding: 8px;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: 50% 50%;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
+  text-align: center;
+  flex: none;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
+  grid-template-columns: 1fr;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button {
+fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
+  aspect-ratio: 2/1;
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+  grid-template-columns: repeat(3, 1fr);
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+}
+@container (max-width: 768px) {
+  fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+}
+@container (max-width: 280px) {
+  fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
+    grid-template-columns: 1fr;
+  }
+}
+fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
   padding: 0;
-  height: fit-content;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
+fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: 3/2;
+}
+
+.fields-controls__slug {
   border: 0;
-  color: unset;
+  padding: 0;
+  margin: 0;
 }
-fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button {
-  place-self: end;
+.fields-controls__slug .fields-controls__slug-external-icon {
+  margin-left: 5ch;
 }
-
-.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
-  width: 16px;
-  height: 16px;
+.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
+  padding-inline-start: 0 !important;
 }
-.dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder {
-  width: 16px;
-  height: 16px;
+.fields-controls__slug .fields-controls__slug-help-link {
+  word-break: break-word;
+}
+.fields-controls__slug .fields-controls__slug-help {
+  display: flex;
+  flex-direction: column;
+}
+.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
+  font-weight: 600;
 }
 
 .dataviews-view-grid__media .fields-controls__featured-image-image,
@@ -297,6 +382,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: 32px;
 }
 
+.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
+  width: 16px;
+  height: 16px;
+}
+
 .fields-controls__parent {
   border: 0;
   padding: 0;

package/build-types/actions/rename-post.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,CAoH5C,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,CAmH5C,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}

package/build-types/actions/reorder-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;AA0GD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAE,QAAQ,CAQlC,CAAC;AAEF;;GAEG;AACH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;AAyGD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAE,QAAQ,CAQlC,CAAC;AAEF;;GAEG;AACH,eAAe,WAAW,CAAC"}

package/build-types/components/create-template-part-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+BAkKtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+BAiKtC"}