@wordpress/editor 14.44.0 → 14.44.1-next.v.202604201441.0

package/build-style/style-rtl.css

@@ -121,7 +121,7 @@
 .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);
+  background: var(--wpds-color-bg-surface-neutral-strong, #fff);
   position: sticky;
   top: 0;
   z-index: 1;
@@ -161,20 +161,6 @@
   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.
  *
@@ -977,7 +963,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;
 }
@@ -1154,7 +1140,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 {
@@ -1192,20 +1178,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;
@@ -4185,7 +4167,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 {
@@ -4313,7 +4295,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;
 }
 
@@ -5409,7 +5391,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 
 .document-outline__button {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   background: none;
   border: none;
   display: flex;
@@ -6728,7 +6710,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   min-height: 4px;
   border: none;
   padding: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   transition: opacity 0.1s ease;
 }
 .revision-diff-markers .revision-diff-marker.is-added {
@@ -6954,7 +6936,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 .editor-template-actions-panel__preview[role=button] {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .editor-template-actions-panel__preview[role=button]:hover .block-editor-block-preview__container::after {
   outline-color: rgba(0, 0, 0, 0.3);

package/build-style/style.css

@@ -121,7 +121,7 @@
 .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);
+  background: var(--wpds-color-bg-surface-neutral-strong, #fff);
   position: sticky;
   top: 0;
   z-index: 1;
@@ -161,20 +161,6 @@
   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.
  *
@@ -977,7 +963,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;
 }
@@ -1154,7 +1140,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 {
@@ -1192,20 +1178,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;
@@ -4188,7 +4170,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 {
@@ -4316,7 +4298,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;
 }
 
@@ -5412,7 +5394,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 
 .document-outline__button {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   background: none;
   border: none;
   display: flex;
@@ -6733,7 +6715,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   min-height: 4px;
   border: none;
   padding: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   transition: opacity 0.1s ease;
 }
 .revision-diff-markers .revision-diff-marker.is-added {
@@ -6959,7 +6941,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 .editor-template-actions-panel__preview[role=button] {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .editor-template-actions-panel__preview[role=button]:hover .block-editor-block-preview__container::after {
   outline-color: rgba(0, 0, 0, 0.3);

package/build-types/components/collab-sidebar/add-comment.d.ts

@@ -1,10 +1,6 @@
-export function AddComment({ onSubmit, commentSidebarRef, reflowComments, isFloating, y, refs, }: {
+export function AddComment({ onSubmit, commentSidebarRef, floating }: {
     onSubmit: any;
     commentSidebarRef: any;
-    reflowComments?: typeof noop | undefined;
-    isFloating?: boolean | undefined;
-    y: any;
-    refs: any;
+    floating: any;
 }): import("react").JSX.Element | null;
-import { noop } from './utils';
 //# sourceMappingURL=add-comment.d.ts.map

package/build-types/components/collab-sidebar/add-comment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-comment.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/add-comment.js"],"names":[],"mappings":"AA6BA;;;;;;;uCA+EC;qBApFwC,SAAS"}
+{"version":3,"file":"add-comment.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/add-comment.js"],"names":[],"mappings":"AAuBA;;;;uCA+DC"}

package/build-types/components/collab-sidebar/board-store.d.ts

@@ -0,0 +1,8 @@
+export function createBoardStore(): {
+    subscribe(listener: any): () => void;
+    getSnapshot(): {};
+    registerThread(id: any, blockEl: any, floatingEl: any): void;
+    unregisterThread(id: any): void;
+    getBlockRects(): any;
+};
+//# sourceMappingURL=board-store.d.ts.map

package/build-types/components/collab-sidebar/board-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-store.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/board-store.js"],"names":[],"mappings":"AAAA;;;;;;EAkFC"}

package/build-types/components/collab-sidebar/comment-form.d.ts

@@ -1,11 +1,9 @@
 export default CommentForm;
-declare function CommentForm({ onSubmit, onCancel, thread, submitButtonText, labelText, reflowComments, }: {
+declare function CommentForm({ onSubmit, onCancel, thread, submitButtonText, labelText, }: {
     onSubmit: any;
     onCancel: any;
     thread: any;
     submitButtonText: any;
     labelText: any;
-    reflowComments?: typeof noop | undefined;
 }): import("react").JSX.Element;
-import { noop } from './utils';
 //# sourceMappingURL=comment-form.d.ts.map

package/build-types/components/collab-sidebar/comment-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-form.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/comment-form.js"],"names":[],"mappings":";AAyBA;;;;;;;gCA8EC;qBAhF2C,SAAS"}
+{"version":3,"file":"comment-form.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/comment-form.js"],"names":[],"mappings":";AAyBA;;;;;;gCAqEC"}

package/build-types/components/collab-sidebar/comments.d.ts

@@ -1,12 +1,10 @@
-export function Comments({ threads: noteThreads, onEditComment, onAddReply, onCommentDelete, commentSidebarRef, reflowComments, isFloating, commentLastUpdated, }: {
+export function Comments({ threads: noteThreads, onEditComment, onAddReply, onCommentDelete, commentSidebarRef, isFloating, }: {
     threads: any;
     onEditComment: any;
     onAddReply: any;
     onCommentDelete: any;
     commentSidebarRef: any;
-    reflowComments: any;
     isFloating?: boolean | undefined;
-    commentLastUpdated: any;
 }): import("react").JSX.Element;
 export default Comments;
 //# sourceMappingURL=comments.d.ts.map

package/build-types/components/collab-sidebar/comments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/comments.js"],"names":[],"mappings":"AAkDA;;;;;;;;;gCA0YC"}
+{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/comments.js"],"names":[],"mappings":"AAkDA;;;;;;;gCAwPC"}

package/build-types/components/collab-sidebar/floating-container.d.ts

@@ -0,0 +1,8 @@
+export function FloatingContainer({ floating, className, style, children, ...props }: {
+    [x: string]: any;
+    floating: any;
+    className: any;
+    style: any;
+    children: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=floating-container.d.ts.map

package/build-types/components/collab-sidebar/floating-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-container.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/floating-container.js"],"names":[],"mappings":"AAUA;;;;;;gCAkBC"}

package/build-types/components/collab-sidebar/hooks.d.ts

@@ -1,10 +1,8 @@
 export function useBlockComments(postId: any): {
     resultComments: any[];
     unresolvedSortedThreads: any[];
-    reflowComments: import("react").DispatchWithoutAction;
-    commentLastUpdated: number;
 };
-export function useBlockCommentsActions(reflowComments?: typeof noop): {
+export function useBlockCommentsActions(): {
     onCreate: ({ content, parent }: {
         content: any;
         parent: any;
@@ -17,13 +15,20 @@ export function useBlockCommentsActions(reflowComments?: typeof noop): {
     onDelete: (comment: any) => Promise<void>;
 };
 export function useEnableFloatingSidebar(enabled?: boolean): void;
-export function useFloatingThread({ thread, calculatedOffset, setHeights, selectedThread, setBlockRef, commentLastUpdated, }: {
+export function useFloatingBoard({ threads, selectedNoteId, isFloating }: {
+    threads: any;
+    selectedNoteId: any;
+    isFloating: any;
+}): {
+    boardOffsets: {};
+    registerThread: (id: any, blockEl: any, floatingEl: any) => void;
+    unregisterThread: (id: any) => void;
+};
+export function useFloatingThread({ thread, calculatedOffset, registerThread, unregisterThread, }: {
     thread: any;
     calculatedOffset: any;
-    setHeights: any;
-    selectedThread: any;
-    setBlockRef: any;
-    commentLastUpdated: any;
+    registerThread: any;
+    unregisterThread: any;
 }): {
     y: number;
     refs: {
@@ -33,5 +38,4 @@ export function useFloatingThread({ thread, calculatedOffset, setHeights, select
         setFloating: (node: HTMLElement | null) => void;
     };
 };
-import { noop } from './utils';
 //# sourceMappingURL=hooks.d.ts.map

package/build-types/components/collab-sidebar/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/hooks.js"],"names":[],"mappings":"AAuCA;;;;;EAmIC;AAED;;;;;;;;;;;EAoKC;AAED,kEA4BC;AAED;;;;;;;;;;;;;;;EAgEC;qBA7YoB,SAAS"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/hooks.js"],"names":[],"mappings":"AAwCA;;;EA4HC;AAED;;;;;;;;;;;EA8JC;AAED,kEA4BC;AAED;;;;;;;;EAwCC;AAED;;;;;;;;;;;;;EA8CC"}

package/build-types/components/collab-sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/index.js"],"names":[],"mappings":"AA8PA,oFA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/index.js"],"names":[],"mappings":"AAmPA,oFA0BC"}

package/build-types/components/collab-sidebar/utils.d.ts

@@ -5,10 +5,6 @@
  * @return {string} - The sanitized comment string.
  */
 export function sanitizeCommentString(str: string): string;
-/**
- * A no-operation function that does nothing.
- */
-export function noop(): void;
 /**
  * Gets the border color for an avatar based on the user ID.
  *
@@ -24,6 +20,33 @@ export function getAvatarBorderColor(userId: number): string;
  * @return {string} - The generated comment excerpt.
  */
 export function getCommentExcerpt(text: string, excerptLength?: number): string;
+/**
+ * Calculate y offsets for all floating comment threads. Adjusts positions
+ * to prevent overlapping by pushing threads above the selected one upward
+ * and threads below it downward.
+ *
+ * @param {Object}                  params
+ * @param {Array}                   params.threads        Ordered list of thread objects.
+ * @param {string|number|undefined} params.selectedNoteId ID of the currently selected thread.
+ * @param {Object<string,DOMRect>}  params.blockRects     Pre-read bounding rects keyed by thread ID.
+ * @param {Object<string,number>}   params.heights        Rendered heights keyed by thread ID.
+ * @return {{ offsets: Object<string,number>, minHeight: number }} Computed offsets and minimum editor height.
+ */
+export function calculateAllOffsets({ threads, selectedNoteId, blockRects, heights, }: {
+    threads: any[];
+    selectedNoteId: string | number | undefined;
+    blockRects: {
+        [x: string]: DOMRect;
+    };
+    heights: {
+        [x: string]: number;
+    };
+}): {
+    offsets: {
+        [x: string]: number;
+    };
+    minHeight: number;
+};
 /**
  * Shift focus to the comment thread associated with a particular comment ID.
  * If an additional selector is provided, the focus will be shifted to the element matching the selector.

package/build-types/components/collab-sidebar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/utils.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,2CAHW,MAAM,GACL,MAAM,CAIjB;AAED;;GAEG;AACH,6BAAyB;AAgBzB;;;;;GAKG;AACH,6CAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;;;GAMG;AACH,wCAJW,MAAM,kBACN,MAAM,GACL,MAAM,CA0CjB;AAED;;;;;;;;;GASG;AACH,8CAJW,MAAM,aACL,WAAW,OAAA,sBACZ,MAAM,4BA0ChB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/utils.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,2CAHW,MAAM,GACL,MAAM,CAIjB;AAqBD;;;;;GAKG;AACH,6CAHW,MAAM,GACL,MAAM,CAIjB;AAED;;;;;;GAMG;AACH,wCAJW,MAAM,kBACN,MAAM,GACL,MAAM,CA0CjB;AAED;;;;;;;;;;;GAWG;AACH,uFANG;IAAwC,OAAO;IACP,cAAc,EAA9C,MAAM,GAAC,MAAM,GAAC,SAAS;IACS,UAAU,EAA1C;YAAO,MAAM,GAAC,OAAO;KAAC;IACU,OAAO,EAAvC;YAAO,MAAM,GAAC,MAAM;KAAC;CAC7B,GAAS;IAAE,OAAO,EAAE;YAAO,MAAM,GAAC,MAAM;KAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAgGhE;AAED;;;;;;;;;GASG;AACH,8CAJW,MAAM,aACL,WAAW,OAAA,sBACZ,MAAM,4BA0ChB"}

package/build-types/components/style-book/constants.d.ts

@@ -7,5 +7,5 @@ export declare const STYLE_BOOK_THEME_SUBCATEGORIES: Omit<StyleBookCategory, 'su
 export declare const STYLE_BOOK_CATEGORIES: StyleBookCategory[];
 export declare const STYLE_BOOK_ALL_BLOCKS_SUBCATEGORIES: StyleBookCategory[];
 export declare const STYLE_BOOK_PREVIEW_CATEGORIES: StyleBookCategory[];
-export declare const STYLE_BOOK_IFRAME_STYLES = "\n\tbody {\n\t\tposition: relative;\n\t\tpadding: 32px !important;\n\t}\n\n\t\n\t.is-root-container {\n\t\tdisplay: flow-root;\n\t}\n\n\n\t.editor-style-book__examples {\n\t\tmax-width: 1200px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.editor-style-book__example {\n\t    max-width: 900px;\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t\tmargin: 0 auto 40px auto;\n\t}\n\n\t.editor-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.editor-style-book__example.is-disabled-example {\n\t\tpointer-events: none;\n\t}\n\n\t.editor-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.editor-style-book__duotone-example > div:first-child {\n\t\tdisplay: flex;\n\t\taspect-ratio: 16 / 9;\n\t\tgrid-row: span 1;\n\t\tgrid-column: span 2;\n\t}\n\t.editor-style-book__duotone-example img {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\t.editor-style-book__duotone-example > div:not(:first-child) {\n\t\theight: 20px;\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.editor-style-book__color-example {\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.editor-style-book__subcategory-title,\n\t.editor-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 13px;\n\t\tfont-weight: normal;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tpadding-top: 8px;\n\t\tborder-top: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t\tcolor: color-mix( in srgb, currentColor 60%, transparent );\n\t}\n\n\t.editor-style-book__subcategory-title {\n\t\tfont-size: 16px;\n\t\tmargin-bottom: 40px;\n    \tpadding-bottom: 8px;\n\t}\n\n\t.editor-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.editor-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.editor-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\t:where(.is-root-container > .wp-block:first-child) {\n\t\tmargin-top: 0;\n\t}\n\t:where(.is-root-container > .wp-block:last-child) {\n\t\tmargin-bottom: 0;\n\t}\n";
+export declare const STYLE_BOOK_IFRAME_STYLES = "\n\tbody {\n\t\tposition: relative;\n\t\tpadding: 32px !important;\n\t}\n\n\t\n\t.is-root-container {\n\t\tdisplay: flow-root;\n\t}\n\n\n\t.editor-style-book__examples {\n\t\tmax-width: 1200px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.editor-style-book__example {\n\t    max-width: 900px;\n\t\tborder-radius: 2px;\n\t\tcursor: var(--wpds-cursor-control);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tscroll-margin-top: 32px;\n\t\tscroll-margin-bottom: 32px;\n\t\tmargin: 0 auto 40px auto;\n\t}\n\n\t.editor-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.editor-style-book__example.is-disabled-example {\n\t\tpointer-events: none;\n\t}\n\n\t.editor-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.editor-style-book__duotone-example > div:first-child {\n\t\tdisplay: flex;\n\t\taspect-ratio: 16 / 9;\n\t\tgrid-row: span 1;\n\t\tgrid-column: span 2;\n\t}\n\t.editor-style-book__duotone-example img {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\t.editor-style-book__duotone-example > div:not(:first-child) {\n\t\theight: 20px;\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.editor-style-book__color-example {\n\t\tborder: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t}\n\n\t.editor-style-book__subcategory-title,\n\t.editor-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\tfont-size: 13px;\n\t\tfont-weight: normal;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tpadding-top: 8px;\n\t\tborder-top: 1px solid color-mix( in srgb, currentColor 10%, transparent );\n\t\tcolor: color-mix( in srgb, currentColor 60%, transparent );\n\t}\n\n\t.editor-style-book__subcategory-title {\n\t\tfont-size: 16px;\n\t\tmargin-bottom: 40px;\n    \tpadding-bottom: 8px;\n\t}\n\n\t.editor-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.editor-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.editor-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\t:where(.is-root-container > .wp-block:first-child) {\n\t\tmargin-top: 0;\n\t}\n\t:where(.is-root-container > .wp-block:last-child) {\n\t\tmargin-bottom: 0;\n\t}\n";
 //# sourceMappingURL=constants.d.ts.map

package/build-types/components/style-book/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/style-book/constants.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EA2CxD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,IAAI,CAChD,iBAAiB,EACjB,eAAe,CACf,EAgDA,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,EAwCpD,CAAC;AAGF,eAAO,MAAM,mCAAmC,EAAE,iBAAiB,EAiBlE,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,iBAAiB,EA0B5D,CAAC;AAgBF,eAAO,MAAM,wBAAwB,mkFA8FpC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/style-book/constants.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EA2CxD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,IAAI,CAChD,iBAAiB,EACjB,eAAe,CACf,EAgDA,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,EAwCpD,CAAC;AAGF,eAAO,MAAM,mCAAmC,EAAE,iBAAiB,EAiBlE,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,iBAAiB,EA0B5D,CAAC;AAgBF,eAAO,MAAM,wBAAwB,slFA8FpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.44.0",
+	"version": "14.44.1-next.v.202604201441.0+dab6d8c07",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -61,49 +61,49 @@
 	],
 	"dependencies": {
 		"@floating-ui/react-dom": "2.0.8",
-		"@wordpress/a11y": "^4.44.0",
-		"@wordpress/api-fetch": "^7.44.0",
-		"@wordpress/base-styles": "^6.20.0",
-		"@wordpress/blob": "^4.44.0",
-		"@wordpress/block-editor": "^15.17.0",
-		"@wordpress/block-serialization-default-parser": "^5.44.0",
-		"@wordpress/blocks": "^15.17.0",
-		"@wordpress/commands": "^1.44.0",
-		"@wordpress/components": "^32.6.0",
-		"@wordpress/compose": "^7.44.0",
-		"@wordpress/core-data": "^7.44.0",
-		"@wordpress/data": "^10.44.0",
-		"@wordpress/dataviews": "^14.1.0",
-		"@wordpress/date": "^5.44.0",
-		"@wordpress/deprecated": "^4.44.0",
-		"@wordpress/dom": "^4.44.0",
-		"@wordpress/element": "^6.44.0",
-		"@wordpress/fields": "^0.36.0",
-		"@wordpress/global-styles-engine": "^1.11.0",
-		"@wordpress/global-styles-ui": "^1.11.0",
-		"@wordpress/hooks": "^4.44.0",
-		"@wordpress/html-entities": "^4.44.0",
-		"@wordpress/i18n": "^6.17.0",
-		"@wordpress/icons": "^12.2.0",
-		"@wordpress/interface": "^9.29.0",
-		"@wordpress/keyboard-shortcuts": "^5.44.0",
-		"@wordpress/keycodes": "^4.44.0",
-		"@wordpress/media-editor": "^0.7.0",
-		"@wordpress/media-fields": "^0.9.0",
-		"@wordpress/media-utils": "^5.44.0",
-		"@wordpress/notices": "^5.44.0",
-		"@wordpress/patterns": "^2.44.0",
-		"@wordpress/plugins": "^7.44.0",
-		"@wordpress/preferences": "^4.44.0",
-		"@wordpress/private-apis": "^1.44.0",
-		"@wordpress/reusable-blocks": "^5.44.0",
-		"@wordpress/rich-text": "^7.44.0",
-		"@wordpress/server-side-render": "^6.20.0",
-		"@wordpress/upload-media": "^0.29.0",
-		"@wordpress/url": "^4.44.0",
-		"@wordpress/views": "^1.11.0",
-		"@wordpress/warning": "^3.44.0",
-		"@wordpress/wordcount": "^4.44.0",
+		"@wordpress/a11y": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/api-fetch": "^7.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/blob": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/block-editor": "^15.18.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/block-serialization-default-parser": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/blocks": "^15.17.2-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/commands": "^1.45.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/core-data": "^7.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/dataviews": "^14.1.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/date": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/dom": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/fields": "^0.36.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/global-styles-engine": "^1.11.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/global-styles-ui": "^1.11.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/hooks": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/html-entities": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/interface": "^9.29.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/keyboard-shortcuts": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/keycodes": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/media-editor": "^0.7.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/media-fields": "^0.9.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/media-utils": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/notices": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/patterns": "^2.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/plugins": "^7.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/preferences": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/private-apis": "^1.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/reusable-blocks": "^5.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/rich-text": "^7.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/server-side-render": "^6.20.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/upload-media": "^0.29.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/url": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/views": "^1.11.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/warning": "^3.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/wordcount": "^4.44.1-next.v.202604201441.0+dab6d8c07",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -126,5 +126,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b862d8c84121a47bbeff882f6c87e61681ce2e0d"
+	"gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
 }

package/src/components/collab-sidebar/add-comment.js

@@ -1,16 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { useSelect, useDispatch } from '@wordpress/data';
-import {
-	__experimentalHStack as HStack,
-	__experimentalVStack as VStack,
-} from '@wordpress/components';
+import { __experimentalHStack as HStack } from '@wordpress/components';
 import {
 	store as blockEditorStore,
 	privateApis as blockEditorPrivateApis,
@@ -22,19 +15,13 @@ import {
 import { unlock } from '../../lock-unlock';
 import CommentAuthorInfo from './comment-author-info';
 import CommentForm from './comment-form';
-import { focusCommentThread, noop } from './utils';
+import { FloatingContainer } from './floating-container';
+import { focusCommentThread } from './utils';
 import { store as editorStore } from '../../store';
 
 const { useBlockElement } = unlock( blockEditorPrivateApis );
 
-export function AddComment( {
-	onSubmit,
-	commentSidebarRef,
-	reflowComments = noop,
-	isFloating = false,
-	y,
-	refs,
-} ) {
+export function AddComment( { onSubmit, commentSidebarRef, floating } ) {
 	const { clientId } = useSelect( ( select ) => {
 		const { getSelectedBlockClientId } = select( blockEditorStore );
 		return {
@@ -60,23 +47,15 @@ export function AddComment( {
 	}
 
 	return (
-		<VStack
-			className={ clsx(
-				'editor-collab-sidebar-panel__thread is-selected',
-				{
-					'is-floating': isFloating,
-				}
-			) }
+		<FloatingContainer
+			floating={ floating }
+			className="editor-collab-sidebar-panel__thread is-selected"
 			spacing="3"
 			tabIndex={ 0 }
 			aria-label={ __( 'New note' ) }
 			role="treeitem"
-			ref={ isFloating ? refs.setFloating : undefined }
 			style={
-				isFloating
-					? // Delay showing the floating note box until a Y position is known to prevent blink.
-					  { top: y, opacity: ! y ? 0 : undefined }
-					: undefined
+				floating ? { opacity: ! floating.y ? 0 : undefined } : undefined
 			}
 			onBlur={ ( event ) => {
 				// Don't deselect notes when the browser window/tab loses focus.
@@ -100,10 +79,9 @@ export function AddComment( {
 					focusCommentThread( id, commentSidebarRef.current );
 				} }
 				onCancel={ unselectThread }
-				reflowComments={ reflowComments }
 				submitButtonText={ __( 'Add note' ) }
 				labelText={ __( 'New note' ) }
 			/>
-		</VStack>
+		</FloatingContainer>
 	);
 }