@wordpress/editor 14.49.1 → 14.51.1-next.v.202607070741.0

package/build-style/style-rtl.css

@@ -68,6 +68,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -186,6 +192,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -282,12 +294,7 @@
 }
 
 @media (min-width: 782px) {
-  body.js.is-fullscreen-mode {
-    margin-top: -32px;
-    height: calc(100% + 32px);
-  }
-  body.js.is-fullscreen-mode #adminmenumain,
-  body.js.is-fullscreen-mode #wpadminbar {
+  body.js.is-fullscreen-mode #adminmenumain {
     display: none;
   }
   body.js.is-fullscreen-mode #wpcontent,
@@ -323,7 +330,7 @@ html.interface-interface-skeleton__html-container {
     top: 32px;
   }
   .is-fullscreen-mode .interface-interface-skeleton {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
 }
 .interface-interface-skeleton__editor {
@@ -505,7 +512,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     top: 32px;
   }
   .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
 }
 .interface-pinned-items {
@@ -604,6 +611,12 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1276,6 +1289,14 @@ button.font-library__upload-area {
   height: 100%;
 }
 
+.global-styles-ui-color-palette__tablist-container {
+  border-bottom: 1px solid #ddd;
+}
+
+.global-styles-ui-color-palette__tablist {
+  margin-bottom: -1px;
+}
+
 .global-styles-ui-sidebar__navigator-screen .single-column {
   grid-column: span 1;
 }
@@ -1372,6 +1393,12 @@ button.font-library__upload-area {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1399,7 +1426,6 @@ button.font-library__upload-area {
   min-height: 0;
   box-sizing: border-box;
   scroll-padding-bottom: 64px;
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: dataviews-wrapper/inline-size;
   display: flex;
   flex-direction: column;
@@ -1462,6 +1488,10 @@ button.font-library__upload-area {
   text-align: center;
 }
 
+.dataviews-loading-more[aria-hidden=true] {
+  visibility: hidden;
+}
+
 @container (max-width: 430px) {
   .dataviews__view-actions,
   .dataviews-filters__container {
@@ -2230,7 +2260,6 @@ button.font-library__upload-area {
 
 .dataviews-view-config {
   width: 320px;
-  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
   container-type: inline-size;
   font-size: var(--wpds-typography-font-size-md, 13px);
   line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -4177,6 +4206,12 @@ div.dataviews-view-list {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -4316,7 +4351,6 @@ fieldset.fields__media-edit .fields__media-edit-description {
 }
 
 fieldset.fields__media-edit {
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container-type: inline-size;
 }
 
@@ -4556,7 +4590,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .fields__media
 
 fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
 }
 
 @container (max-width: 500px) {
@@ -5082,6 +5115,12 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -5214,7 +5253,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 
 @media (min-width: 600px) {
   .media-editor .media-editor__panel {
-    padding: 16px 0 0 24px;
+    padding: 24px 0 0 24px;
   }
 }
 .media-editor .components-panel__header.media-editor__sidebar-header {
@@ -5903,6 +5942,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   font-size: 12px;
 }
 
+mark.wp-note {
+  border-radius: 1px;
+  transition: background-color 0.1s ease-in-out;
+}
+
 .editor-avatar {
   position: relative;
   display: inline-flex;
@@ -6353,11 +6397,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   margin: 0 auto;
   max-width: 70%;
 }
-@media (min-width: 782px) {
-  .editor-document-bar.has-shortcut .editor-document-bar__title {
-    padding-right: 24px;
-  }
-}
 .editor-document-bar__title h1 {
   display: flex;
   align-items: center;
@@ -6385,17 +6424,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 
-.editor-document-bar__shortcut {
-  color: #2f2f2f;
-  min-width: 24px;
-  display: none;
-}
-@media (min-width: 782px) {
-  .editor-document-bar__shortcut {
-    display: initial;
-  }
-}
-
 .editor-document-bar__back.components-button.has-icon.has-text {
   min-width: 36px;
   flex-shrink: 0;
@@ -6785,14 +6813,14 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   background: #fff;
   display: grid;
   grid-auto-flow: row;
-  grid-template: auto/64px minmax(0, max-content) minmax(min-content, 1fr) 64px;
+  grid-template: auto/32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
 }
 .editor-header:has(> .editor-header__center) {
-  grid-template: auto/64px min-content 1fr min-content 64px;
+  grid-template: auto/32px min-content 1fr min-content 64px;
 }
 @media (min-width: 782px) {
   .editor-header:has(> .editor-header__center) {
-    grid-template: auto/64px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
+    grid-template: auto/32px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
   }
 }
 @media (min-width: 480px) {
@@ -6811,6 +6839,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 
+.editor-header__back-button {
+  padding-right: 8px;
+}
+
 .editor-header__toolbar {
   grid-column: 1/3;
 }
@@ -7706,7 +7738,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 @media (min-width: 782px) {
   body.is-fullscreen-mode .editor-post-publish-panel {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
   [role=region]:focus .editor-post-publish-panel {
     transform: translateX(0%);
@@ -8162,6 +8194,12 @@ textarea.editor-post-text-editor::placeholder {
   justify-content: space-between;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .editor-resizable-editor:not(.is-resizing) {
+    transition: width 0.2s ease-out;
+  }
+}
+
 .editor-resizable-editor.is-resizable {
   overflow: visible;
   margin: 0 auto;
@@ -8405,7 +8443,7 @@ textarea.editor-post-text-editor::placeholder {
 
 .editor-styles-canvas {
   height: 100%;
-  padding: 16px;
+  padding: 24px;
   background-color: var(--wp-editor-canvas-background);
 }
 .editor-styles-canvas iframe {
@@ -8416,7 +8454,6 @@ textarea.editor-post-text-editor::placeholder {
 
 .editor-styles-canvas__section {
   background: #fff;
-  border-radius: 8px;
   bottom: 0;
   right: 0;
   overflow: hidden;
@@ -8607,6 +8644,7 @@ textarea.editor-post-text-editor::placeholder {
 .editor-visual-editor {
   position: relative;
   display: flex;
+  max-height: 100%;
   background-color: var(--wp-editor-canvas-background);
 }
 .editor-visual-editor iframe[name=editor-canvas] {
@@ -8615,11 +8653,18 @@ textarea.editor-post-text-editor::placeholder {
 .editor-visual-editor {
   align-items: center;
 }
-.editor-visual-editor.is-resizable {
-  max-height: 100%;
+@media (prefers-reduced-motion: no-preference) {
+  .editor-visual-editor {
+    transition: padding 0.2s ease-out;
+  }
+}
+.editor-visual-editor.has-vertical-padding {
+  padding-top: 24px;
+  padding-bottom: 24px;
 }
-.editor-visual-editor.has-padding {
-  padding: 24px 24px 0;
+.editor-visual-editor.has-horizontal-padding {
+  padding-right: 24px;
+  padding-left: 24px;
 }
 .editor-visual-editor.is-iframed {
   overflow: hidden;

package/build-style/style.css

@@ -68,6 +68,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -186,6 +192,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -282,12 +294,7 @@
 }
 
 @media (min-width: 782px) {
-  body.js.is-fullscreen-mode {
-    margin-top: -32px;
-    height: calc(100% + 32px);
-  }
-  body.js.is-fullscreen-mode #adminmenumain,
-  body.js.is-fullscreen-mode #wpadminbar {
+  body.js.is-fullscreen-mode #adminmenumain {
     display: none;
   }
   body.js.is-fullscreen-mode #wpcontent,
@@ -323,7 +330,7 @@ html.interface-interface-skeleton__html-container {
     top: 32px;
   }
   .is-fullscreen-mode .interface-interface-skeleton {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
 }
 .interface-interface-skeleton__editor {
@@ -505,7 +512,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     top: 32px;
   }
   .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
 }
 .interface-pinned-items {
@@ -604,6 +611,12 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1278,6 +1291,14 @@ button.font-library__upload-area {
   height: 100%;
 }
 
+.global-styles-ui-color-palette__tablist-container {
+  border-bottom: 1px solid #ddd;
+}
+
+.global-styles-ui-color-palette__tablist {
+  margin-bottom: -1px;
+}
+
 .global-styles-ui-sidebar__navigator-screen .single-column {
   grid-column: span 1;
 }
@@ -1374,6 +1395,12 @@ button.font-library__upload-area {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1401,7 +1428,6 @@ button.font-library__upload-area {
   min-height: 0;
   box-sizing: border-box;
   scroll-padding-bottom: 64px;
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: dataviews-wrapper/inline-size;
   display: flex;
   flex-direction: column;
@@ -1464,6 +1490,10 @@ button.font-library__upload-area {
   text-align: center;
 }
 
+.dataviews-loading-more[aria-hidden=true] {
+  visibility: hidden;
+}
+
 @container (max-width: 430px) {
   .dataviews__view-actions,
   .dataviews-filters__container {
@@ -2232,7 +2262,6 @@ button.font-library__upload-area {
 
 .dataviews-view-config {
   width: 320px;
-  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
   container-type: inline-size;
   font-size: var(--wpds-typography-font-size-md, 13px);
   line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -4179,6 +4208,12 @@ div.dataviews-view-list {
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -4318,7 +4353,6 @@ fieldset.fields__media-edit .fields__media-edit-description {
 }
 
 fieldset.fields__media-edit {
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container-type: inline-size;
 }
 
@@ -4558,7 +4592,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .fields__media
 
 fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
 }
 
 @container (max-width: 500px) {
@@ -5084,6 +5117,12 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -5216,7 +5255,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 
 @media (min-width: 600px) {
   .media-editor .media-editor__panel {
-    padding: 16px 24px 0 0;
+    padding: 24px 24px 0 0;
   }
 }
 .media-editor .components-panel__header.media-editor__sidebar-header {
@@ -5906,6 +5945,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   font-size: 12px;
 }
 
+mark.wp-note {
+  border-radius: 1px;
+  transition: background-color 0.1s ease-in-out;
+}
+
 .editor-avatar {
   position: relative;
   display: inline-flex;
@@ -6356,11 +6400,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   margin: 0 auto;
   max-width: 70%;
 }
-@media (min-width: 782px) {
-  .editor-document-bar.has-shortcut .editor-document-bar__title {
-    padding-left: 24px;
-  }
-}
 .editor-document-bar__title h1 {
   display: flex;
   align-items: center;
@@ -6388,17 +6427,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 
-.editor-document-bar__shortcut {
-  color: #2f2f2f;
-  min-width: 24px;
-  display: none;
-}
-@media (min-width: 782px) {
-  .editor-document-bar__shortcut {
-    display: initial;
-  }
-}
-
 .editor-document-bar__back.components-button.has-icon.has-text {
   min-width: 36px;
   flex-shrink: 0;
@@ -6788,14 +6816,14 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   background: #fff;
   display: grid;
   grid-auto-flow: row;
-  grid-template: auto/64px minmax(0, max-content) minmax(min-content, 1fr) 64px;
+  grid-template: auto/32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
 }
 .editor-header:has(> .editor-header__center) {
-  grid-template: auto/64px min-content 1fr min-content 64px;
+  grid-template: auto/32px min-content 1fr min-content 64px;
 }
 @media (min-width: 782px) {
   .editor-header:has(> .editor-header__center) {
-    grid-template: auto/64px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
+    grid-template: auto/32px minmax(min-content, 2fr) 2.5fr minmax(min-content, 2fr) 64px;
   }
 }
 @media (min-width: 480px) {
@@ -6814,6 +6842,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   }
 }
 
+.editor-header__back-button {
+  padding-left: 8px;
+}
+
 .editor-header__toolbar {
   grid-column: 1/3;
 }
@@ -7711,7 +7743,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
 }
 @media (min-width: 782px) {
   body.is-fullscreen-mode .editor-post-publish-panel {
-    top: 0;
+    top: var(--wp-admin--admin-bar--height, 0);
   }
   [role=region]:focus .editor-post-publish-panel {
     transform: translateX(0%);
@@ -8171,6 +8203,12 @@ textarea.editor-post-text-editor::placeholder {
   justify-content: space-between;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .editor-resizable-editor:not(.is-resizing) {
+    transition: width 0.2s ease-out;
+  }
+}
+
 .editor-resizable-editor.is-resizable {
   overflow: visible;
   margin: 0 auto;
@@ -8414,7 +8452,7 @@ textarea.editor-post-text-editor::placeholder {
 
 .editor-styles-canvas {
   height: 100%;
-  padding: 16px;
+  padding: 24px;
   background-color: var(--wp-editor-canvas-background);
 }
 .editor-styles-canvas iframe {
@@ -8425,7 +8463,6 @@ textarea.editor-post-text-editor::placeholder {
 
 .editor-styles-canvas__section {
   background: #fff;
-  border-radius: 8px;
   bottom: 0;
   left: 0;
   overflow: hidden;
@@ -8616,6 +8653,7 @@ textarea.editor-post-text-editor::placeholder {
 .editor-visual-editor {
   position: relative;
   display: flex;
+  max-height: 100%;
   background-color: var(--wp-editor-canvas-background);
 }
 .editor-visual-editor iframe[name=editor-canvas] {
@@ -8624,11 +8662,18 @@ textarea.editor-post-text-editor::placeholder {
 .editor-visual-editor {
   align-items: center;
 }
-.editor-visual-editor.is-resizable {
-  max-height: 100%;
+@media (prefers-reduced-motion: no-preference) {
+  .editor-visual-editor {
+    transition: padding 0.2s ease-out;
+  }
+}
+.editor-visual-editor.has-vertical-padding {
+  padding-top: 24px;
+  padding-bottom: 24px;
 }
-.editor-visual-editor.has-padding {
-  padding: 24px 24px 0;
+.editor-visual-editor.has-horizontal-padding {
+  padding-left: 24px;
+  padding-right: 24px;
 }
 .editor-visual-editor.is-iframed {
   overflow: hidden;

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

@@ -0,0 +1,17 @@
+export declare const NOTE_FORMAT_NAME = "core/note";
+export declare const noteFormat: {
+    title: import("@wordpress/i18n").TransformedText<"Add note">;
+    tagName: string;
+    className: string;
+    attributes: {
+        'data-id': string;
+    };
+    edit: typeof NoteFormatEdit;
+};
+declare function NoteFormatEdit({ value, isActive, activeAttributes }: {
+    activeAttributes: any;
+    isActive: any;
+    value: any;
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/format.js"],"names":[],"mappings":"AAiBA,eAAO,MAAM,gBAAgB,cAAc,CAAC;AAE5C,eAAO,MAAM,UAAU;IACtB,KAAK;IACL,OAAO;IACP,SAAS;IACT,UAAU;QACT,SAAS;;IAEV,IAAI;CACJ,CAAC;AAEF,iBAAS,cAAc,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE;;;;CAAA,sCA0C7D"}

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":"AAqCA,wBAAgB,cAAc,CAAE,MAAM,KAAA;;;EA4GrC;AAED,wBAAgB,cAAc;;;;;;;;;;;EAsK7B;AAED,wBAAgB,wBAAwB,CAAE,OAAO,UAAQ,QA4BxD;AAED,wBAAgB,gBAAgB,CAAE,EACjC,OAAO,EACP,cAAc,EACd,UAAU,EACV,UAAU,EACV;;;;;CAAA;;;;EA0DA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/hooks.js"],"names":[],"mappings":"AA2CA,wBAAgB,cAAc,CAAE,MAAM,KAAA;;;EAgIrC;AAoGD,wBAAgB,cAAc;;;;;;;;;;;EA+N7B;AAED,wBAAgB,wBAAwB,CAAE,OAAO,UAAQ,QA4BxD;AAED,wBAAgB,gBAAgB,CAAE,EACjC,OAAO,EACP,cAAc,EACd,UAAU,EACV,UAAU,EACV;;;;;CAAA;;;;EA0DA"}

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":"AAiNA,MAAM,CAAC,OAAO,UAAU,qBAAqB,uCA0B5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/index.js"],"names":[],"mappings":"AA+NA,MAAM,CAAC,OAAO,UAAU,qBAAqB,uCA0B5C"}

package/build-types/components/collab-sidebar/note-highlight-styles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Build the CSS rule set that tints each inline-note marker with its author's
+ * avatar color. Pure helper extracted so it can be unit-tested without React.
+ *
+ * @param {Array}       threads    Unresolved note threads (each with `id` and `author`).
+ * @param {string|null} selectedId ID of the currently selected note, if any.
+ * @return {string} A serialized CSS string targeting the in-content note markers.
+ */
+export declare function buildHighlightCss(threads: any[], selectedId?: string | null): string;
+/**
+ * Injects per-note background rules into the editor canvas so inline-note
+ * markers carry their author's avatar color. The `core/note` format serializes
+ * each marker as `<mark class="wp-note" data-id="{noteId}">`, which we target
+ * directly.
+ *
+ * Uses `useStyleOverride` so the styles reach the iframed canvas; a plain
+ * `<style>` element rendered in the sidebar would only affect the parent doc.
+ *
+ * Opacity boosts on `:hover`, `:focus-within`, and when the matching thread is
+ * the editor's selected note.
+ *
+ * @param {Object}      props
+ * @param {Array}       props.threads      Unresolved note threads.
+ * @param {string|null} [props.selectedId] ID of the currently selected note.
+ * @return {null} Renders nothing; styles are applied via `useStyleOverride`.
+ */
+export declare function NoteHighlightStyles({ threads, selectedId }: {
+    threads: any[];
+    selectedId?: string | null;
+}): null;
+//# sourceMappingURL=note-highlight-styles.d.ts.map

package/build-types/components/collab-sidebar/note-highlight-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-highlight-styles.d.ts","sourceRoot":"","sources":["../../../src/components/collab-sidebar/note-highlight-styles.js"],"names":[],"mappings":"AAuBA;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAE,OAAO,OAAA,EAAE,UAAU,GAH3C,MAAM,GAAC,IAG2C,GAFjD,MAAM,CA2BjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAJzD;IAA2B,OAAO,QAClC;IAA4B,UAAU,AAAtC,CACA,EADQ,MAAM,GAAC,IAAI,CACnB;CAEyD,GAFhD,IAAI,CASf"}