Update Checkout to Checkout i2

assets/js/atomic/utils/render-parent-block.tsx

@@ -138,16 +138,13 @@ const renderInnerBlocks = ( {
 			const parsedElement = parse( element.outerHTML );
 
 			if ( isValidElement( parsedElement ) ) {
-				const elementChildren =
-					element.children && element.children.length
-						? renderInnerBlocks( {
-								block,
-								blockMap,
-								children: element.children,
-								depth: depth + 1,
-								blockWrapper,
-						  } )
-						: null;
+				const elementChildren = renderInnerBlocks( {
+					block,
+					blockMap,
+					children: element.children || [],
+					depth: depth + 1,
+					blockWrapper,
+				} );
 				return elementChildren
 					? cloneElement(
 							parsedElement,
@@ -243,15 +240,12 @@ export const renderParentBlock = ( {
 	 * In addition to getProps, we need to render and return the children. This adds children to props.
 	 */
 	const getPropsWithChildren = ( element: Element, i: number ) => {
-		const children =
-			element.children && element.children.length
-				? renderInnerBlocks( {
-						block: blockName,
-						blockMap,
-						children: element.children,
-						blockWrapper,
-				  } )
-				: null;
+		const children = renderInnerBlocks( {
+			block: blockName,
+			blockMap,
+			children: element.children || [],
+			blockWrapper,
+		} );
 		return { ...getProps( element, i ), children };
 	};
 	/**

assets/js/base/components/cart-checkout/form-step/style.scss

@@ -119,3 +119,11 @@
 		}
 	}
 }
+
+.editor-styles-wrapper {
+	.wp-block h4.wc-block-components-checkout-step__title {
+		@include font-size(regular);
+		line-height: 24px;
+		margin: 0 $gap-small 0 0;
+	}
+}

assets/js/base/components/checkbox-control/style.scss

@@ -3,6 +3,7 @@
 	align-items: flex-start;
 	display: flex;
 	position: relative;
+	margin-top: em($gap-large);
 
 	.wc-block-components-checkbox__input[type="checkbox"] {
 		font-size: 1em;