Merge pull request #545 from WordPress/update/twilight

Update Twilight and typography preset 4 Co-authored-by: carolinan <[email protected]> Co-authored-by: juanfra <[email protected]> Co-authored-by: beafialho <[email protected]>
WordPress · Oct 11, 2024 · d233ed7 · d233ed7
2 parents d2d5f03 + d4cba36
commit d233ed7
Show file tree

Hide file tree

Showing 2 changed files with 102 additions and 78 deletions.
diff --git a/styles/05-twilight.json b/styles/05-twilight.json
@@ -46,13 +46,57 @@
 					"slug": "accent-6"
 				}
 			]
+		},
+		"typography": {
+			"fontSizes": [
+				{
+					"fluid": false,
+					"name": "Small",
+					"size": "0.875rem",
+					"slug": "small"
+				},
+				{
+					"fluid": {
+						"max": "1.125rem",
+						"min": "1rem"
+					},
+					"name": "Medium",
+					"size": "1rem",
+					"slug": "medium"
+				},
+				{
+					"fluid": {
+						"max": "1.375rem",
+						"min": "1.125rem"
+					},
+					"name": "Large",
+					"size": "1.38rem",
+					"slug": "large"
+				},
+				{
+					"fluid": {
+						"max": "2rem",
+						"min": "1.75rem"
+					},
+					"name": "Extra Large",
+					"size": "1.75rem",
+					"slug": "x-large"
+				},
+				{
+					"fluid": {
+						"max": "2.4rem",
+						"min": "2.15rem"
+					},
+					"name": "Extra Extra Large",
+					"size": "2.15rem",
+					"slug": "xx-large"
+				}
+			]
 		}
 	},
 	"styles": {
 		"typography": {
-			"fontWeight": "500",
-			"lineHeight": "1.3",
-			"letterSpacing": "-0.22px"
+			"letterSpacing": "0"
 		},
 		"blocks": {
 			"core/button": {
@@ -88,28 +132,16 @@
 			},
 			"core/post-terms": {
 				"typography": {
-					"fontWeight": "500",
-					"textTransform": "uppercase"
-				}
-			},
-			"core/post-title": {
-				"typography": {
-					"fontWeight": "200",
-					"letterSpacing": "-2.32px"
+					"fontWeight": "500"
 				}
 			},
 			"core/pullquote": {
 				"typography": {
 					"fontFamily": "var:preset|font-family|roboto-slab",
-					"fontSize": "var:preset|font-size|x-large",
+					"fontSize": "var:preset|font-size|xx-large",
 					"fontWeight": "200"
 				}
 			},
-			"core/query-title": {
-				"typography": {
-					"fontWeight": "300"
-				}
-			},
 			"core/search": {
 				"typography": {
 					"textTransform": "uppercase"
@@ -122,9 +154,6 @@
 			},
 			"core/site-title": {
 				"typography": {
-					"fontWeight": "500",
-					"letterSpacing": "-0.28px",
-					"lineHeight": "1.3",
 					"textTransform": "uppercase"
 				}
 			}
@@ -145,28 +174,10 @@
 					"textTransform": "uppercase"
 				}
 			},
-			"h4": {
-				"typography": {
-					"fontWeight": "300",
-					"letterSpacing": "-0.5px"
-				}
-			},
-			"h5": {
-				"typography": {
-					"fontWeight": "400",
-					"letterSpacing": "0px"
-				}
-			},
-			"h6": {
-				"typography": {
-					"fontWeight": "400",
-					"letterSpacing": "1px"
-				}
-			},
 			"heading": {
 				"typography": {
 					"fontFamily": "var:preset|font-family|roboto-slab",
-					"fontWeight": "200",
+					"fontWeight": "300",
 					"letterSpacing": "-0.5px",
 					"lineHeight": "1.2"
 				}

diff --git a/styles/typography/typography-preset-4.json b/styles/typography/typography-preset-4.json
@@ -3,11 +3,57 @@
 	"$schema": "https://schemas.wp.org/trunk/theme.json",
 	"title": "Roboto Slab & Manrope",
 	"slug": "typography-preset-4",
+	"settings": {
+		"typography": {
+			"fontSizes": [
+				{
+					"fluid": false,
+					"name": "Small",
+					"size": "0.875rem",
+					"slug": "small"
+				},
+				{
+					"fluid": {
+						"max": "1.125rem",
+						"min": "1rem"
+					},
+					"name": "Medium",
+					"size": "1rem",
+					"slug": "medium"
+				},
+				{
+					"fluid": {
+						"max": "1.375rem",
+						"min": "1.125rem"
+					},
+					"name": "Large",
+					"size": "1.38rem",
+					"slug": "large"
+				},
+				{
+					"fluid": {
+						"max": "2rem",
+						"min": "1.75rem"
+					},
+					"name": "Extra Large",
+					"size": "1.75rem",
+					"slug": "x-large"
+				},
+				{
+					"fluid": {
+						"max": "2.4rem",
+						"min": "2.15rem"
+					},
+					"name": "Extra Extra Large",
+					"size": "2.15rem",
+					"slug": "xx-large"
+				}
+			]
+		}
+	},
 	"styles": {
 		"typography": {
-			"fontWeight": "500",
-			"lineHeight": "1.3",
-			"letterSpacing": "-0.22px"
+			"letterSpacing": "0"
 		},
 		"blocks": {
 			"core/navigation": {
@@ -29,28 +75,16 @@
 			},
 			"core/post-terms": {
 				"typography": {
-					"fontWeight": "500",
-					"textTransform": "uppercase"
-				}
-			},
-			"core/post-title": {
-				"typography": {
-					"fontWeight": "200",
-					"letterSpacing": "-2.32px"
+					"fontWeight": "500"
 				}
 			},
 			"core/pullquote": {
 				"typography": {
 					"fontFamily": "var:preset|font-family|roboto-slab",
-					"fontSize": "var:preset|font-size|x-large",
+					"fontSize": "var:preset|font-size|xx-large",
 					"fontWeight": "200"
 				}
 			},
-			"core/query-title": {
-				"typography": {
-					"fontWeight": "300"
-				}
-			},
 			"core/search": {
 				"typography": {
 					"textTransform": "uppercase"
@@ -63,9 +97,6 @@
 			},
 			"core/site-title": {
 				"typography": {
-					"fontWeight": "500",
-					"letterSpacing": "-0.28px",
-					"lineHeight": "1.3",
 					"textTransform": "uppercase"
 				}
 			}
@@ -78,28 +109,10 @@
 					"textTransform": "uppercase"
 				}
 			},
-			"h4": {
-				"typography": {
-					"fontWeight": "300",
-					"letterSpacing": "-0.5px"
-				}
-			},
-			"h5": {
-				"typography": {
-					"fontWeight": "400",
-					"letterSpacing": "0px"
-				}
-			},
-			"h6": {
-				"typography": {
-					"fontWeight": "400",
-					"letterSpacing": "1px"
-				}
-			},
 			"heading": {
 				"typography": {
 					"fontFamily": "var:preset|font-family|roboto-slab",
-					"fontWeight": "200",
+					"fontWeight": "300",
 					"letterSpacing": "-0.5px",
 					"lineHeight": "1.2"
 				}