@wordpress/block-editor 17.0.0 → 17.1.1-next.v.202609031004.0

package/build-style/style-rtl.css

@@ -258,9 +258,9 @@
 }
 
 .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
-  width: 226px;
+  width: auto;
 }
-.block-editor-global-styles-background-panel__media-replace-popover .components-button {
+.block-editor-global-styles-background-panel__media-replace-popover .components-menu-item__button.components-button {
   padding: 0 8px;
 }
 .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
@@ -856,9 +856,7 @@ iframe[name=editor-canvas] {
   padding: 0 13px;
   position: relative;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
-  width: -moz-max-content;
   width: max-content;
 }
 .block-editor-block-draggable-chip svg {
@@ -960,6 +958,7 @@ iframe[name=editor-canvas] {
 .block-editor-block-manager__checklist-item .block-editor-block-icon {
   margin-left: 10px;
   fill: #1e1e1e;
+  color: #1e1e1e;
 }
 
 .block-editor-block-manager__results {
@@ -1160,7 +1159,6 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-popover .components-popover__content {
   margin: 0 !important;
   min-width: auto;
-  width: -moz-max-content;
   width: max-content;
   overflow-y: visible;
 }
@@ -1257,8 +1255,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
   text-align: start;
-  -moz-text-align-last: center;
-       text-align-last: center;
+  text-align-last: center;
 }
 
 .components-popover.block-editor-block-switcher__popover .components-popover__content {
@@ -1363,20 +1360,17 @@ iframe[name=editor-canvas] {
   justify-content: center;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-  -moz-column-gap: 24px;
-       column-gap: 24px;
+  column-gap: 24px;
   display: block;
   width: 100%;
   padding: 32px;
   padding-bottom: 0;
   padding-top: 0;
-  -moz-column-count: 2;
-       column-count: 2;
+  column-count: 2;
 }
 @media (min-width: 1440px) {
   .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-    -moz-column-count: 3;
-         column-count: 3;
+    column-count: 3;
   }
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
@@ -1398,8 +1392,7 @@ iframe[name=editor-canvas] {
   color: var(--wp-admin-theme-color);
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
-  -moz-column-break-inside: avoid;
-       break-inside: avoid-column;
+  break-inside: avoid-column;
   margin-bottom: 24px;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title {
@@ -1804,9 +1797,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-global-styles__shadow-indicator {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
   background: none;
   color: #2f2f2f;
   border: #e0e0e0 1px solid;
@@ -2543,7 +2534,7 @@ iframe[name=editor-canvas] {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border: 0;
 }
 
@@ -2699,8 +2690,7 @@ iframe[name=editor-canvas] {
 .link-preview-button__image {
   width: 100%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   border-radius: 2px;
 }
 
@@ -3738,8 +3728,7 @@ iframe[name=editor-canvas] {
 .block-editor-content-only-controls__media-thumbnail img {
   width: 100% !important;
   height: 100% !important;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 
 .block-editor-content-only-controls {
@@ -3798,18 +3787,12 @@ iframe[name=editor-canvas] {
   border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
   box-shadow: none;
 }
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
 .block-editor-content-only-controls__rich-text::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
 .block-editor-content-only-controls__rich-text {
   border-color: #949494;
 }
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: color-mix(in srgb, #1e1e1e, transparent 38%);
-}
 .block-editor-content-only-controls__rich-text::placeholder {
   color: color-mix(in srgb, #1e1e1e, transparent 38%);
 }
@@ -3859,14 +3842,6 @@ iframe[name=editor-canvas] {
   margin-bottom: 16px;
 }
 
-.block-editor-hooks__position-control-item {
-  /**
-   * Try to make items match the width of the anchor, subtract any margin on
-   * items to calculate the correct inner width.
-   */
-  max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px);
-}
-
 .block-editor-hooks__position-control-item-hint {
   color: var(--wpds-color-foreground-content-neutral-weak, #707070);
   margin-block-start: 4px;
@@ -4193,7 +4168,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 12px;
+  gap: 12px;
 }
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4381,10 +4356,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   margin-left: 8px;
 }
 
-.block-editor-inserter__preview-container__popover {
-  top: 16px !important;
-}
-
 .block-editor-inserter__preview-container {
   display: none;
   width: 280px;
@@ -4527,7 +4498,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
+  gap: 8px;
 }
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4589,7 +4560,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 
 .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
   display: grid;
-  grid-gap: 32px;
+  gap: 32px;
   grid-template-columns: repeat(1, 1fr);
   margin-bottom: 16px;
 }

package/build-style/style.css

@@ -258,9 +258,9 @@
 }
 
 .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
-  width: 226px;
+  width: auto;
 }
-.block-editor-global-styles-background-panel__media-replace-popover .components-button {
+.block-editor-global-styles-background-panel__media-replace-popover .components-menu-item__button.components-button {
   padding: 0 8px;
 }
 .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
@@ -856,9 +856,7 @@ iframe[name=editor-canvas] {
   padding: 0 13px;
   position: relative;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
-  width: -moz-max-content;
   width: max-content;
 }
 .block-editor-block-draggable-chip svg {
@@ -960,6 +958,7 @@ iframe[name=editor-canvas] {
 .block-editor-block-manager__checklist-item .block-editor-block-icon {
   margin-right: 10px;
   fill: #1e1e1e;
+  color: #1e1e1e;
 }
 
 .block-editor-block-manager__results {
@@ -1160,7 +1159,6 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-popover .components-popover__content {
   margin: 0 !important;
   min-width: auto;
-  width: -moz-max-content;
   width: max-content;
   overflow-y: visible;
 }
@@ -1257,8 +1255,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
   text-align: start;
-  -moz-text-align-last: center;
-       text-align-last: center;
+  text-align-last: center;
 }
 
 .components-popover.block-editor-block-switcher__popover .components-popover__content {
@@ -1363,20 +1360,17 @@ iframe[name=editor-canvas] {
   justify-content: center;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-  -moz-column-gap: 24px;
-       column-gap: 24px;
+  column-gap: 24px;
   display: block;
   width: 100%;
   padding: 32px;
   padding-bottom: 0;
   padding-top: 0;
-  -moz-column-count: 2;
-       column-count: 2;
+  column-count: 2;
 }
 @media (min-width: 1440px) {
   .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-    -moz-column-count: 3;
-         column-count: 3;
+    column-count: 3;
   }
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
@@ -1398,8 +1392,7 @@ iframe[name=editor-canvas] {
   color: var(--wp-admin-theme-color);
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
-  -moz-column-break-inside: avoid;
-       break-inside: avoid-column;
+  break-inside: avoid-column;
   margin-bottom: 24px;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title {
@@ -1804,9 +1797,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-global-styles__shadow-indicator {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
   background: none;
   color: #2f2f2f;
   border: #e0e0e0 1px solid;
@@ -2544,7 +2535,7 @@ iframe[name=editor-canvas] {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border: 0;
 }
 
@@ -2700,8 +2691,7 @@ iframe[name=editor-canvas] {
 .link-preview-button__image {
   width: 100%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   border-radius: 2px;
 }
 
@@ -3740,8 +3730,7 @@ iframe[name=editor-canvas] {
 .block-editor-content-only-controls__media-thumbnail img {
   width: 100% !important;
   height: 100% !important;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 
 .block-editor-content-only-controls {
@@ -3800,18 +3789,12 @@ iframe[name=editor-canvas] {
   border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
   box-shadow: none;
 }
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
 .block-editor-content-only-controls__rich-text::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
 .block-editor-content-only-controls__rich-text {
   border-color: #949494;
 }
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: color-mix(in srgb, #1e1e1e, transparent 38%);
-}
 .block-editor-content-only-controls__rich-text::placeholder {
   color: color-mix(in srgb, #1e1e1e, transparent 38%);
 }
@@ -3861,14 +3844,6 @@ iframe[name=editor-canvas] {
   margin-bottom: 16px;
 }
 
-.block-editor-hooks__position-control-item {
-  /**
-   * Try to make items match the width of the anchor, subtract any margin on
-   * items to calculate the correct inner width.
-   */
-  max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px);
-}
-
 .block-editor-hooks__position-control-item-hint {
   color: var(--wpds-color-foreground-content-neutral-weak, #707070);
   margin-block-start: 4px;
@@ -4195,7 +4170,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 12px;
+  gap: 12px;
 }
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4383,10 +4358,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   margin-right: 8px;
 }
 
-.block-editor-inserter__preview-container__popover {
-  top: 16px !important;
-}
-
 .block-editor-inserter__preview-container {
   display: none;
   width: 280px;
@@ -4529,7 +4500,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
+  gap: 8px;
 }
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4591,7 +4562,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 
 .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
   display: grid;
-  grid-gap: 32px;
+  gap: 32px;
   grid-template-columns: repeat(1, 1fr);
   margin-bottom: 16px;
 }

package/build-types/components/block-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAEI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;;;;;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;;;;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.jsx"],"names":[],"mappings":"AAEI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;;;;;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;;;;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}

package/build-types/components/block-visibility/constants.d.ts

@@ -5,7 +5,7 @@ export type BlockVisibilityViewport = 'desktop' | 'tablet' | 'mobile';
 /**
  * The choices for the block visibility.
  *
- * Duplicated in packages/editor/src/components/preview-dropdown/index.js (choices
+ * Duplicated in packages/editor/src/components/preview-dropdown/index.jsx (choices
  * array), packages/edit-site/src/components/block-editor/viewport.js and
  * packages/boot/src/components/canvas/viewport.ts (VALID_VIEWPORTS). Update all
  * four when adding new viewport types.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "17.0.0",
+	"version": "17.1.1-next.v.202609031004.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -60,48 +60,45 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.54.0",
-		"@wordpress/base-styles": "^13.0.0",
-		"@wordpress/blob": "^4.54.0",
-		"@wordpress/block-serialization-default-parser": "^5.54.0",
-		"@wordpress/blocks": "^15.27.0",
-		"@wordpress/commands": "^1.54.0",
-		"@wordpress/components": "^40.0.0",
-		"@wordpress/compose": "^8.7.0",
-		"@wordpress/data": "^10.54.0",
-		"@wordpress/dataviews": "^18.1.0",
-		"@wordpress/date": "^5.54.0",
-		"@wordpress/deprecated": "^4.54.0",
-		"@wordpress/dom": "^4.54.0",
-		"@wordpress/element": "^8.6.0",
-		"@wordpress/escape-html": "^3.54.0",
-		"@wordpress/global-styles-engine": "^1.21.0",
-		"@wordpress/hooks": "^4.54.0",
-		"@wordpress/html-entities": "^4.54.0",
-		"@wordpress/i18n": "^6.27.0",
-		"@wordpress/icons": "^15.5.0",
-		"@wordpress/image-cropper": "^1.18.0",
-		"@wordpress/interactivity": "^6.54.0",
-		"@wordpress/is-shallow-equal": "^5.54.0",
-		"@wordpress/kebab-case": "^1.1.0",
-		"@wordpress/keyboard-shortcuts": "^5.54.0",
-		"@wordpress/keycodes": "^4.54.0",
-		"@wordpress/notices": "^5.54.0",
-		"@wordpress/preferences": "^4.54.0",
-		"@wordpress/priority-queue": "^3.54.0",
-		"@wordpress/private-apis": "^1.54.0",
-		"@wordpress/rich-text": "^7.54.0",
-		"@wordpress/style-engine": "^2.54.0",
-		"@wordpress/token-list": "^3.54.0",
-		"@wordpress/ui": "^0.21.0",
-		"@wordpress/upload-media": "^0.39.0",
-		"@wordpress/url": "^4.54.0",
-		"@wordpress/warning": "^3.54.0",
-		"@wordpress/wordcount": "^4.54.0",
+		"@wordpress/a11y": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/base-styles": "^13.1.1-next.v.202609031004.0",
+		"@wordpress/blob": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/block-serialization-default-parser": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/blocks": "^16.0.1-next.v.202609031004.0",
+		"@wordpress/commands": "^1.54.2-next.v.202609031004.0",
+		"@wordpress/components": "^40.1.1-next.v.202609031004.0",
+		"@wordpress/compose": "^8.7.2-next.v.202609031004.0",
+		"@wordpress/data": "^10.54.2-next.v.202609031004.0",
+		"@wordpress/dataviews": "^19.0.1-next.v.202609031004.0",
+		"@wordpress/date": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/deprecated": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/dom": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/element": "^8.6.2-next.v.202609031004.0",
+		"@wordpress/global-styles-engine": "^1.21.2-next.v.202609031004.0",
+		"@wordpress/hooks": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/html-entities": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/i18n": "^6.27.1-next.v.202609031004.0",
+		"@wordpress/icons": "^16.0.1-next.v.202609031004.0",
+		"@wordpress/image-cropper": "^1.18.2-next.v.202609031004.0",
+		"@wordpress/interactivity": "^6.54.1-next.v.202609031004.0",
+		"@wordpress/is-shallow-equal": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/kebab-case": "^1.1.1-next.v.202609031004.0",
+		"@wordpress/keyboard-shortcuts": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/keycodes": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/notices": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/preferences": "^4.54.2-next.v.202609031004.0",
+		"@wordpress/priority-queue": "^3.54.1-next.v.202609031004.0",
+		"@wordpress/private-apis": "^1.54.2-next.v.202609031004.0",
+		"@wordpress/rich-text": "^7.55.1-next.v.202609031004.0",
+		"@wordpress/style-engine": "^2.54.1-next.v.202609031004.0",
+		"@wordpress/token-list": "^3.54.1-next.v.202609031004.0",
+		"@wordpress/ui": "^0.22.1-next.v.202609031004.0",
+		"@wordpress/upload-media": "^0.39.2-next.v.202609031004.0",
+		"@wordpress/url": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/warning": "^3.54.1-next.v.202609031004.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
-		"deepmerge": "^4.3.1",
 		"diff": "^8.0.3",
 		"fast-deep-equal": "^3.1.3",
 		"parsel-js": "^1.1.2",
@@ -118,9 +115,10 @@
 		"@testing-library/react": "^16.3.2",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/postcss-prefix-selector": "^1.16.3",
-		"@wordpress/block-library": "^10.5.0",
+		"@wordpress/block-library": "^10.6.1-next.v.202609031004.0",
 		"deep-freeze": "^0.0.1",
-		"storybook": "^10.5.3"
+		"storybook": "^10.5.3",
+		"vitest": "^4.1.10"
 	},
 	"peerDependencies": {
 		"@types/react": "^18 || ^19",
@@ -135,5 +133,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5ef24f60261976bb198ad035db24bf81c1fb92b4"
+	"gitHead": "7275d6c6d93b542fca3cd98cdb9c7344ddd11e19"
 }

package/src/autocompleters/test/block.js

@@ -1,3 +1,4 @@
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
 import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 import blockCompleter from '../block';
 

package/src/components/alignment-control/test/__snapshots__/{index.js.snap → index.jsdom.test.jsx.snap}

@@ -18,15 +18,18 @@ exports[`AlignmentUI should allow custom alignment controls to be specified 1`]
       >
         <svg
           aria-hidden="true"
-          fill="currentColor"
           focusable="false"
           height="24"
+          stroke="currentColor"
+          stroke-width="1.5"
+          style="fill: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"
+            d="M4 5H13M4 12H20M4 19H13"
+            vector-effect="non-scaling-stroke"
           />
         </svg>
       </button>
@@ -42,15 +45,18 @@ exports[`AlignmentUI should allow custom alignment controls to be specified 1`]
       >
         <svg
           aria-hidden="true"
-          fill="currentColor"
           focusable="false"
           height="24"
+          stroke="currentColor"
+          stroke-width="1.5"
+          style="fill: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"
+            d="M7.5 5H16.5M4 12H20M7.5 19H16.5"
+            vector-effect="non-scaling-stroke"
           />
         </svg>
       </button>
@@ -75,15 +81,18 @@ exports[`AlignmentUI should match snapshot when controls are hidden 1`] = `
     >
       <svg
         aria-hidden="true"
-        fill="currentColor"
         focusable="false"
         height="24"
+        stroke="currentColor"
+        stroke-width="1.5"
+        style="fill: none;"
         viewBox="0 0 24 24"
         width="24"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"
+          d="M4 5H13M4 12H20M4 19H13"
+          vector-effect="non-scaling-stroke"
         />
       </svg>
     </button>
@@ -109,15 +118,18 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
       >
         <svg
           aria-hidden="true"
-          fill="currentColor"
           focusable="false"
           height="24"
+          stroke="currentColor"
+          stroke-width="1.5"
+          style="fill: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"
+            d="M4 5H13M4 12H20M4 19H13"
+            vector-effect="non-scaling-stroke"
           />
         </svg>
       </button>
@@ -133,15 +145,18 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
       >
         <svg
           aria-hidden="true"
-          fill="currentColor"
           focusable="false"
           height="24"
+          stroke="currentColor"
+          stroke-width="1.5"
+          style="fill: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"
+            d="M7.5 5H16.5M4 12H20M7.5 19H16.5"
+            vector-effect="non-scaling-stroke"
           />
         </svg>
       </button>
@@ -157,15 +172,18 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
       >
         <svg
           aria-hidden="true"
-          fill="currentColor"
           focusable="false"
           height="24"
+          stroke="currentColor"
+          stroke-width="1.5"
+          style="fill: none;"
           viewBox="0 0 24 24"
           width="24"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"
+            d="M11 5H20M4 12H20M11 19H20"
+            vector-effect="non-scaling-stroke"
           />
         </svg>
       </button>

package/src/components/background-image-control/README.md

@@ -2,7 +2,7 @@
 
 The `BackgroundImageControl` component provides an interface for selecting, positioning, and configuring background images in the WordPress block editor.
 
-_Note:_ This is an internal component. It is not exported from `@wordpress/block-editor` and is not part of the public API; it is rendered by the Global Styles [background panel](../global-styles/background-panel.js).
+_Note:_ This is an internal component. It is not exported from `@wordpress/block-editor` and is not part of the public API; it is rendered by the Global Styles [background panel](../global-styles/background-panel.jsx).
 
 ## Features