fix/svg for columns 25

Author: NiclasNorin

assets/source/js/admin/blocks/columns.js

@@ -0,0 +1,35 @@
+wp.domReady(() => {
+	//Remove assymetric grids
+	wp.blocks.unregisterBlockVariation(
+		"core/columns",
+		"three-columns-wider-center",
+	);
+
+	wp.blocks.registerBlockVariation("core/columns", {
+		name: "four-columns",
+		icon: (
+			<svg
+				width="48"
+				height="48"
+				viewBox="0 0 48 48"
+				xmlns="http://www.w3.org/2000/svg"
+				role="img"
+				aria-hidden="true"
+				focusable="false"
+			>
+				<path
+					fillRule="nonzero"
+					d="M39 12a2 2 0 011.995 1.85L41 14v20a2 2 0 01-1.85 1.995L39 36H9a2 2 0 01-1.995-1.85L7 34V14a2 2 0 011.85-1.995L9 12h30zm-24 2H9v20h6V14zm8 0h-6v20h6V14zm2 0v20h6V14h-6zm8 20h6V14h-6v20z"
+				/>
+			</svg>
+		),
+		title: "25/25/25/25",
+		scope: ["block"], // Highlight
+		innerBlocks: [
+			["core/column"],
+			["core/column"],
+			["core/column"],
+			["core/column"],
+		],
+	});
+});

assets/source/js/admin/blocks/columns.jsx

@@ -89,7 +89,7 @@ const entries = {
 	"js/widgets-area-hider": "./assets/source/js/admin/widgetsAreaHider.js",
 	"js/customizer-error-handling":
 		"./assets/source/js/admin/customizerErrorHandling.ts",
-	"js/blocks/columns": "./assets/source/js/admin/blocks/columns.js",
+	"js/blocks/columns": "./assets/source/js/admin/blocks/columns.jsx",
 	"js/event-source-progress":
 		"./assets/source/js/admin/eventSourceProgress/index.ts",
 };