Changes from WordPress Playground: (#7860)

- Add missing side padding to header

Also exported as a zip file.

* [Preview loaded from this PR – available **before** this PR is merged](https://playground.wordpress.net/?import-site=https%3A%2F%2Fraw.githubusercontent.com%2Fautomattic%2Fthemes%2Fplayground-changes-2024-06-17T13-49-20-041Z%2Ffoam%2Fplayground.zip)
* [Preview loaded from the main branch – available **after** this PR is merged](https://playground.wordpress.net/?import-site=https%3A%2F%2Fraw.githubusercontent.com%2Fautomattic%2Fthemes%2Ftrunk%2Ffoam%2Fplayground.zip)

foam/parts/header.html

@@ -1,4 +1,4 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"3vh","right":"5vw","bottom":"3vh","left":"5vw"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"3vh","right":"5vw","bottom":"3vh","left":"5vw"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group" style="padding-top:3vh;padding-right:5vw;padding-bottom:3vh;padding-left:5vw"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"0","right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
 <div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex"}} -->
 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"2rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
@@ -6,6 +6,6 @@
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:navigation {"customOverlayBackgroundColor":"#2544e3","overlayTextColor":"white","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
+<!-- wp:navigation {"customOverlayBackgroundColor":"#2544e3","overlayTextColor":"white","style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->

foam/theme.json

@@ -45,175 +45,6 @@
 				},
 				"layout": {
 					"contentSize": false,
-					"definitions": {
-						"constrained": {
-							"baseStyles": [
-								{
-									"rules": {
-										"float": "left",
-										"margin-inline-end": "2em",
-										"margin-inline-start": "0"
-									},
-									"selector": " > .alignleft"
-								},
-								{
-									"rules": {
-										"float": "right",
-										"margin-inline-end": "0",
-										"margin-inline-start": "2em"
-									},
-									"selector": " > .alignright"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important"
-									},
-									"selector": " > .aligncenter"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important",
-										"max-width": "var(--wp--style--global--content-size)"
-									},
-									"selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))"
-								},
-								{
-									"rules": {
-										"max-width": "var(--wp--style--global--wide-size)"
-									},
-									"selector": " > .alignwide"
-								}
-							],
-							"className": "is-layout-constrained",
-							"name": "constrained",
-							"slug": "constrained",
-							"spacingStyles": [
-								{
-									"rules": {
-										"margin-block-start": "0"
-									},
-									"selector": " > :first-child:first-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0"
-									},
-									"selector": " > :last-child:last-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0",
-										"margin-block-start": null
-									},
-									"selector": " > *"
-								}
-							]
-						},
-						"default": {
-							"baseStyles": [
-								{
-									"rules": {
-										"float": "left",
-										"margin-inline-end": "2em",
-										"margin-inline-start": "0"
-									},
-									"selector": " > .alignleft"
-								},
-								{
-									"rules": {
-										"float": "right",
-										"margin-inline-end": "0",
-										"margin-inline-start": "2em"
-									},
-									"selector": " > .alignright"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important"
-									},
-									"selector": " > .aligncenter"
-								}
-							],
-							"className": "is-layout-flow",
-							"name": "default",
-							"slug": "flow",
-							"spacingStyles": [
-								{
-									"rules": {
-										"margin-block-start": "0"
-									},
-									"selector": " > :first-child:first-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0"
-									},
-									"selector": " > :last-child:last-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0",
-										"margin-block-start": null
-									},
-									"selector": " > *"
-								}
-							]
-						},
-						"flex": {
-							"baseStyles": [
-								{
-									"rules": {
-										"align-items": "center",
-										"flex-wrap": "wrap"
-									},
-									"selector": ""
-								},
-								{
-									"rules": {
-										"margin": "0"
-									},
-									"selector": " > *"
-								}
-							],
-							"className": "is-layout-flex",
-							"displayMode": "flex",
-							"name": "flex",
-							"slug": "flex",
-							"spacingStyles": [
-								{
-									"rules": {
-										"gap": null
-									},
-									"selector": ""
-								}
-							]
-						},
-						"grid": {
-							"baseStyles": [
-								{
-									"rules": {
-										"margin": "0"
-									},
-									"selector": " > *"
-								}
-							],
-							"className": "is-layout-grid",
-							"displayMode": "grid",
-							"name": "grid",
-							"slug": "grid",
-							"spacingStyles": [
-								{
-									"rules": {
-										"gap": null
-									},
-									"selector": ""
-								}
-							]
-						}
-					},
 					"wideSize": false
 				},
 				"shadow": {
@@ -377,175 +208,6 @@
 				},
 				"layout": {
 					"contentSize": false,
-					"definitions": {
-						"constrained": {
-							"baseStyles": [
-								{
-									"rules": {
-										"float": "left",
-										"margin-inline-end": "2em",
-										"margin-inline-start": "0"
-									},
-									"selector": " > .alignleft"
-								},
-								{
-									"rules": {
-										"float": "right",
-										"margin-inline-end": "0",
-										"margin-inline-start": "2em"
-									},
-									"selector": " > .alignright"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important"
-									},
-									"selector": " > .aligncenter"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important",
-										"max-width": "var(--wp--style--global--content-size)"
-									},
-									"selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))"
-								},
-								{
-									"rules": {
-										"max-width": "var(--wp--style--global--wide-size)"
-									},
-									"selector": " > .alignwide"
-								}
-							],
-							"className": "is-layout-constrained",
-							"name": "constrained",
-							"slug": "constrained",
-							"spacingStyles": [
-								{
-									"rules": {
-										"margin-block-start": "0"
-									},
-									"selector": " > :first-child:first-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0"
-									},
-									"selector": " > :last-child:last-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0",
-										"margin-block-start": null
-									},
-									"selector": " > *"
-								}
-							]
-						},
-						"default": {
-							"baseStyles": [
-								{
-									"rules": {
-										"float": "left",
-										"margin-inline-end": "2em",
-										"margin-inline-start": "0"
-									},
-									"selector": " > .alignleft"
-								},
-								{
-									"rules": {
-										"float": "right",
-										"margin-inline-end": "0",
-										"margin-inline-start": "2em"
-									},
-									"selector": " > .alignright"
-								},
-								{
-									"rules": {
-										"margin-left": "auto !important",
-										"margin-right": "auto !important"
-									},
-									"selector": " > .aligncenter"
-								}
-							],
-							"className": "is-layout-flow",
-							"name": "default",
-							"slug": "flow",
-							"spacingStyles": [
-								{
-									"rules": {
-										"margin-block-start": "0"
-									},
-									"selector": " > :first-child:first-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0"
-									},
-									"selector": " > :last-child:last-child"
-								},
-								{
-									"rules": {
-										"margin-block-end": "0",
-										"margin-block-start": null
-									},
-									"selector": " > *"
-								}
-							]
-						},
-						"flex": {
-							"baseStyles": [
-								{
-									"rules": {
-										"align-items": "center",
-										"flex-wrap": "wrap"
-									},
-									"selector": ""
-								},
-								{
-									"rules": {
-										"margin": "0"
-									},
-									"selector": " > *"
-								}
-							],
-							"className": "is-layout-flex",
-							"displayMode": "flex",
-							"name": "flex",
-							"slug": "flex",
-							"spacingStyles": [
-								{
-									"rules": {
-										"gap": null
-									},
-									"selector": ""
-								}
-							]
-						},
-						"grid": {
-							"baseStyles": [
-								{
-									"rules": {
-										"margin": "0"
-									},
-									"selector": " > *"
-								}
-							],
-							"className": "is-layout-grid",
-							"displayMode": "grid",
-							"name": "grid",
-							"slug": "grid",
-							"spacingStyles": [
-								{
-									"rules": {
-										"gap": null
-									},
-									"selector": ""
-								}
-							]
-						}
-					},
 					"wideSize": false
 				},
 				"shadow": {
@@ -716,13 +378,7 @@
 		},
 		"spacing": {
 			"customSpacingSize": true,
-			"spacingScale": {
-				"increment": 1.5,
-				"mediumStep": 1.5,
-				"operator": "*",
-				"steps": 7,
-				"unit": "rem"
-			},
+			"defaultSpacingSizes": false,
 			"spacingSizes": [],
 			"units": [
 				"%",
@@ -735,6 +391,7 @@
 		},
 		"typography": {
 			"customFontSize": true,
+			"defaultFontSizes": false,
 			"dropCap": true,
 			"fluid": true,
 			"fontFamilies": [
@@ -1257,6 +914,6 @@
 			"name": "footer"
 		}
 	],
-	"version": 2,
+	"version": 3,
 	"$schema": "https://schemas.wp.org/trunk/theme.json"
 }