Update the CSS namespacing to include the __

WordPress · Feb 29, 2024 · 3f9fa3b · 3f9fa3b
1 parent f63e4ef
commit 3f9fa3b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/block-bindings-toolbar-indicator/index.js b/packages/block-editor/src/components/block-bindings-toolbar-indicator/index.js
@@ -11,7 +11,7 @@ export default function BlockBindingsToolbarIndicator() {
 			<ToolbarItem
 				as={ 'div' }
 				aria-label={ _x( 'Connected', 'block toolbar button label' ) }
-				className="block-editor-block-bindings-indicator block-toolbar-block-bindings-indicator"
+				className="block-editor__block-bindings-indicator block-toolbar__block-bindings-indicator"
 			>
 				<Icon icon={ connection } size={ 24 } />
 			</ToolbarItem>

diff --git a/packages/block-editor/src/components/block-bindings-toolbar-indicator/style.scss b/packages/block-editor/src/components/block-bindings-toolbar-indicator/style.scss
@@ -1,11 +1,11 @@
-.block-toolbar-block-bindings-indicator {
+.block-toolbar__block-bindings-indicator {
 	display: inline-flex;
 	align-items: center;
 	height: 48px;
 	padding: 6px;
 }
 
-.block-editor-block-bindings-indicator svg g {
+.block-editor__block-bindings-indicator svg g {
 	stroke: #9747ff;
 	fill: transparent;
 	stroke-width: 1.5;

diff --git a/packages/block-editor/src/components/list-view/block-select-button.js b/packages/block-editor/src/components/list-view/block-select-button.js
@@ -288,7 +288,7 @@ function ListViewBlockSelectButton(
 						</span>
 					) }
 					{ isConnected && canBindBlock( blockName ) && (
-						<span className="block-editor-block-bindings-indicator">
+						<span className="block-editor__block-bindings-indicator">
 							<Icon icon={ connection } />
 						</span>
 					) }