Release: 7.2.0

.gitattributes

@@ -0,0 +1,32 @@
+# Ignore all hidden files and directories
+/.* export-ignore
+
+# Ignore all markdown files
+/*.md export-ignore
+
+# Ignore following directories and contents
+/node_modules* export-ignore
+/tests export-ignore
+/bin export-ignore
+/docs export-ignore
+/storybook export-ignore
+
+# Ignore following configuration files
+/phpcs.xml export-ignore
+/phpunit.* export-ignore
+/composer.lock export-ignore
+/composer.json export-ignore
+/CODEOWNERS export-ignore
+/renovate.json export-ignore
+/webpack.config.js export-ignore
+/postcss.config.js export-ignore
+/bundlesize.config.json export-ignore
+/package.json export-ignore
+/package-lock.json export-ignore
+/babel.config.js export-ignore
+/docker-compose.yml export-ignore
+/globals.d.ts export-ignore
+/tsconfig.json export-ignore
+/tsconfig.base.json export-ignore
+/tsconfig.base export-ignore
+/webpack.config.js export-ignore

.github/workflows/check-modified-assets.yml

@@ -21,10 +21,10 @@ jobs:
                   restore-keys: |
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
-            - name: Use Node.js 14.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 16.13.2
             - name: npm install and build
               run: |
                   npm ci
@@ -51,10 +51,10 @@ jobs:
                   restore-keys: |
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
-            - name: Use Node.js 14.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 16.13.2
             - name: npm install
               run: |
                   npm ci

.github/workflows/php-js-e2e-tests.yml

@@ -24,10 +24,10 @@ jobs:
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
 
-            - name: Use Node.js 16.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 16.x
+                  node-version: 16.13.2
 
             - name: Npm install and build
               run: |
@@ -95,10 +95,10 @@ jobs:
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
 
-            - name: Use Node.js 16.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 16.x
+                  node-version: 16.13.2
 
             - name: Npm install and build
               run: |

.github/workflows/unit-tests.yml

@@ -24,10 +24,10 @@ jobs:
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
 
-            - name: Use Node.js 14.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 16.13.2
 
             - name: Npm install and build
               run: |
@@ -73,10 +73,10 @@ jobs:
                   restore-keys: |
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
-            - name: Use Node.js 14.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 16.13.2
 
             - name: Npm install #build is not needed
               run: |
@@ -118,10 +118,10 @@ jobs:
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-${{ env.cache-name }}-
                       ${{ runner.OS }}-build-${{ secrets.CACHE_VERSION }}-
 
-            - name: Use Node.js 14.x
+            - name: Use Node.js 16.13.2
               uses: actions/setup-node@v1
               with:
-                  node-version: 14.x
+                  node-version: 16.13.2
 
             - name: Npm install and build
               run: |

assets/js/atomic/blocks/component-init.js

@@ -13,7 +13,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-price',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/price" */ './product-elements/price/block'
+			/* webpackChunkName: "product-price" */ './product-elements/price/block'
 		)
 	),
 } );
@@ -22,7 +22,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-image',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/image" */ './product-elements/image/frontend'
+			/* webpackChunkName: "product-image" */ './product-elements/image/frontend'
 		)
 	),
 } );
@@ -31,7 +31,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-title',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/title" */ './product-elements/title/frontend'
+			/* webpackChunkName: "product-title" */ './product-elements/title/frontend'
 		)
 	),
 } );
@@ -40,7 +40,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-rating',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/rating" */ './product-elements/rating/block'
+			/* webpackChunkName: "product-rating" */ './product-elements/rating/block'
 		)
 	),
 } );
@@ -49,7 +49,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-button',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/button" */ './product-elements/button/block'
+			/* webpackChunkName: "product-button" */ './product-elements/button/block'
 		)
 	),
 } );
@@ -58,7 +58,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-summary',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/summary" */ './product-elements/summary/block'
+			/* webpackChunkName: "product-summary" */ './product-elements/summary/block'
 		)
 	),
 } );
@@ -67,7 +67,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-sale-badge',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/sale-badge" */ './product-elements/sale-badge/block'
+			/* webpackChunkName: "product-sale-badge" */ './product-elements/sale-badge/block'
 		)
 	),
 } );
@@ -76,7 +76,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-sku',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/sku" */ './product-elements/sku/block'
+			/* webpackChunkName: "product-sku" */ './product-elements/sku/block'
 		)
 	),
 } );
@@ -85,7 +85,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-category-list',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/category-list" */ './product-elements/category-list/block'
+			/* webpackChunkName: "product-category-list" */ './product-elements/category-list/block'
 		)
 	),
 } );
@@ -94,7 +94,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-tag-list',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/tag-list" */ './product-elements/tag-list/block'
+			/* webpackChunkName: "product-tag-list" */ './product-elements/tag-list/block'
 		)
 	),
 } );
@@ -103,7 +103,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-stock-indicator',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/stock-indicator" */ './product-elements/stock-indicator/block'
+			/* webpackChunkName: "product-stock-indicator" */ './product-elements/stock-indicator/block'
 		)
 	),
 } );
@@ -112,7 +112,7 @@ registerBlockComponent( {
 	blockName: 'woocommerce/product-add-to-cart',
 	component: lazy( () =>
 		import(
-			/* webpackChunkName: "atomic-block-components/add-to-cart" */ './product-elements/add-to-cart/frontend'
+			/* webpackChunkName: "product-add-to-cart" */ './product-elements/add-to-cart/frontend'
 		)
 	),
 } );

assets/js/atomic/blocks/product-elements/button/supports.ts

@@ -3,6 +3,11 @@
  */
 import { isFeaturePluginBuild } from '@woocommerce/block-settings';
 
+/**
+ * Internal dependencies
+ */
+import { hasSpacingStyleSupport } from '../../../../utils/global-style';
+
 export const supports = {
 	...( isFeaturePluginBuild() && {
 		color: {
@@ -15,10 +20,12 @@ export const supports = {
 			radius: true,
 			__experimentalSkipSerialization: true,
 		},
-		spacing: {
-			padding: true,
-			__experimentalSkipSerialization: true,
-		},
+		...( hasSpacingStyleSupport() && {
+			spacing: {
+				padding: true,
+				__experimentalSkipSerialization: true,
+			},
+		} ),
 		typography: {
 			fontSize: true,
 			__experimentalFontWeight: true,

assets/js/atomic/blocks/product-elements/image/supports.ts

@@ -3,6 +3,11 @@
  */
 import { isFeaturePluginBuild } from '@woocommerce/block-settings';
 
+/**
+ * Internal dependencies
+ */
+import { hasSpacingStyleSupport } from '../../../../utils/global-style';
+
 export const supports = {
 	...( isFeaturePluginBuild() && {
 		__experimentalBorder: {
@@ -13,10 +18,12 @@ export const supports = {
 			fontSize: true,
 			__experimentalSkipSerialization: true,
 		},
-		spacing: {
-			margin: true,
-			__experimentalSkipSerialization: true,
-		},
+		...( hasSpacingStyleSupport() && {
+			spacing: {
+				margin: true,
+				__experimentalSkipSerialization: true,
+			},
+		} ),
 		__experimentalSelector: '.wc-block-components-product-image',
 	} ),
 };

assets/js/atomic/blocks/product-elements/sale-badge/index.js

@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { registerBlockType } from '@wordpress/blocks';
+import { isFeaturePluginBuild } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
@@ -15,6 +16,7 @@ import {
 	BLOCK_DESCRIPTION as description,
 } from './constants';
 import { Save } from './save';
+import { hasSpacingStyleSupport } from '../../../../utils/global-style';
 
 const blockConfig = {
 	title,
@@ -23,27 +25,31 @@ const blockConfig = {
 	apiVersion: 2,
 	supports: {
 		html: false,
-		color: {
-			gradients: true,
-			background: true,
-			link: false,
-			__experimentalSkipSerialization: true,
-		},
-		typography: {
-			fontSize: true,
-			__experimentalSkipSerialization: true,
-		},
-		__experimentalBorder: {
-			color: true,
-			radius: true,
-			width: true,
-			__experimentalSkipSerialization: true,
-		},
-		spacing: {
-			padding: true,
-			__experimentalSkipSerialization: true,
-		},
-		__experimentalSelector: '.wc-block-components-product-sale-badge',
+		...( isFeaturePluginBuild() && {
+			color: {
+				gradients: true,
+				background: true,
+				link: false,
+				__experimentalSkipSerialization: true,
+			},
+			typography: {
+				fontSize: true,
+				__experimentalSkipSerialization: true,
+			},
+			__experimentalBorder: {
+				color: true,
+				radius: true,
+				width: true,
+				__experimentalSkipSerialization: true,
+			},
+			...( hasSpacingStyleSupport() && {
+				spacing: {
+					padding: true,
+					__experimentalSkipSerialization: true,
+				},
+			} ),
+			__experimentalSelector: '.wc-block-components-product-sale-badge',
+		} ),
 	},
 	attributes,
 	edit,