Twenty Twenty-One: Update all dependencies.

In preparation for updating Core to use Node.js version 18.x, this updates the dependancies for the Twenty Twenty-One theme to the latest versions. This addresses an unsupported engine warning where packages within the dependency tree did not support Node.js > 16.x.

All changes to built files are included in this commit. These changes are a result of the following:

- Identical sets of properties for multiple selectors are now consolidated into one.
- The removal of a duplicate `--branding--description--font-family` definition.
- The addition of the `postcss-discard-empty` dependency, which removes empty CSS rules within IE stylesheets after the previous consolidation is performed.
- `stylelint` has only been updated to 14.x (15.x is the latest). This is because `@wordpres/stylelint-config` currently has a version constraint of `^14.2` and does not properly support 15.x.

The last change of note is the new configuration for the `value-keyword-case` rule in `.stylelint-css.json`. This was added as a way to prevent the `currentColor` from being changed to all lowercase.

Props jorbin, poena.
See #59663, #59658.
Built from https://develop.svn.wordpress.org/trunk@57122


git-svn-id: http://core.svn.wordpress.org/trunk@56633 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-content/themes/twentytwentyone/.stylelintrc-css.json

@@ -18,6 +18,9 @@
 		"selector-pseudo-element-colon-notation": null,
 		"number-leading-zero": null,
 		"no-descending-specificity": null,
-		"length-zero-no-unit": [true, {"ignore": ["custom-properties"]}]
+		"length-zero-no-unit": [true, {"ignore": ["custom-properties"]}],
+		"value-keyword-case": ["lower", {
+			"ignoreKeywords": ["currentColor"]
+		}]
 	}
 }

wp-content/themes/twentytwentyone/assets/css/ie-editor.css

@@ -259,19 +259,7 @@ figcaption,
 	padding: 0;
 }
 
-select {
+select,
-	border: 3px solid #39414d;
-	border-radius: 0;
-	color: #28303d;
-	font-size: 1.125rem;
-	-moz-appearance: none;
-	-webkit-appearance: none;
-	appearance: none;
-	padding: 10px 30px 10px 10px;
-	background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-	background-position: right 10px top 60%;
-}
-
 select:focus {
 	border: 3px solid #39414d;
 	border-radius: 0;
@@ -366,18 +354,12 @@ a:hover {
 	color: #d1e4dd;
 }
 
-.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
+.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
-	color: #28303d;
-}
-
 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
 	color: #28303d;
 }
 
-.wp-block-button__link:not(:hover):not(:active):not(.has-background) {
+.wp-block-button__link:not(:hover):not(:active):not(.has-background),
-	background-color: #28303d;
-}
-
 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 	background-color: #28303d;
 }
@@ -403,10 +385,7 @@ a:hover {
 /**
  * Block Options
  */
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
-	color: #d1e4dd;
-}
-
 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 	color: #d1e4dd;
 }
@@ -415,10 +394,7 @@ a:hover {
 	color: #28303d;
 }
 
-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background),
-	background-color: #28303d;
-}
-
 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 	background-color: #28303d;
 }
@@ -441,10 +417,7 @@ a:hover {
 	border-color: currentColor;
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
+.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
-	color: #28303d;
-}
-
 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 	color: #28303d;
 }
@@ -457,32 +430,20 @@ a:hover {
 	background-color: transparent;
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link:hover {
+.wp-block-button.is-style-outline .wp-block-button__link:hover,
-	background-color: #28303d !important;
-	border-color: transparent !important;
-	color: #d1e4dd !important;
-}
-
 .wp-block-button.is-style-outline .wp-block-button__link:active {
 	background-color: #28303d !important;
 	border-color: transparent !important;
 	color: #d1e4dd !important;
 }
 
-.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover {
+.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
-	background-color: #28303d !important;
-	color: #d1e4dd !important;
-}
-
 .has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
 	background-color: #28303d !important;
 	color: #d1e4dd !important;
 }
 
-.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
+.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
-	color: #d1e4dd !important;
-}
-
 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
 	color: #d1e4dd !important;
 }
@@ -540,10 +501,7 @@ a:hover {
 }
 
 .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender),
-.wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) {
+.wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender),
-	margin-bottom: 0;
-}
-
 .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
 .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
 .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
@@ -581,34 +539,13 @@ a:hover {
 	color: #28303d;
 }
 
-.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
-	color: #fff;
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
-}
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
-
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
-	color: #fff;
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
-}
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
-
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
-	color: #fff;
-}
-
-.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block {
-	color: #fff;
-}
-
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
-	color: #fff;
-}
-
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
-	color: #fff;
-}
-
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
-	color: #fff;
-}
-
 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
 	color: #fff;
 }
@@ -679,10 +616,7 @@ a:hover {
 	margin-top: 0;
 }
 
-.wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) {
+.wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender),
-	margin-bottom: 0;
-}
-
 .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2),
 .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) {
 	margin-bottom: 0;
@@ -695,60 +629,21 @@ a:hover {
 		z-index: 2;
 	}
 
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
-		background-color: #d1e4dd;
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
-		padding: 20px;
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
-	}
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
-
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
-		background-color: #d1e4dd;
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
-		padding: 20px;
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
-	}
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-		background-color: #d1e4dd;
-		padding: 20px;
-	}
-
 	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
 		background-color: #d1e4dd;
 		padding: 20px;
 	}
 
-	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
-		padding-left: 50px;
-	}
-
 	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
 		padding-left: 50px;
 	}
@@ -758,36 +653,12 @@ a:hover {
 	}
 }
 
-.wp-block[data-align=full] > .wp-block-columns p:not(.has-background) {
+.wp-block[data-align=full] > .wp-block-columns p:not(.has-background),
-	padding-left: 20px;
+.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background),
-	padding-right: 20px;
+.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background),
-}
+.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background),
-
+.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background),
-.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) {
+.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background),
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) {
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) {
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) {
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) {
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
 .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) {
 	padding-left: 20px;
 	padding-right: 20px;
@@ -821,18 +692,12 @@ a:hover {
 	color: #d1e4dd;
 }
 
-.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
+.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color),
-	color: #28303d;
-}
-
 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
 	color: #28303d;
 }
 
-.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
+.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background),
-	background-color: #28303d;
-}
-
 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
 	background-color: #28303d;
 }
@@ -892,10 +757,7 @@ a:hover {
 	margin-top: 0;
 }
 
-.wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) {
+.wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender),
-	margin-bottom: 0;
-}
-
 .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2),
 .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) {
 	margin-bottom: 0;
@@ -950,74 +812,23 @@ h6 strong,
 	font-weight: 600;
 }
 
-.wp-block-heading h1[style*="--wp--typography--line-height"] {
+.wp-block-heading h1[style*="--wp--typography--line-height"],
-	line-height: 1.7;
+h1[style*="--wp--typography--line-height"],
-}
+.h1[style*="--wp--typography--line-height"],
-
+.wp-block-heading h2[style*="--wp--typography--line-height"],
-h1[style*="--wp--typography--line-height"] {
+h2[style*="--wp--typography--line-height"],
-	line-height: 1.7;
+.h2[style*="--wp--typography--line-height"],
-}
+.wp-block-heading h3[style*="--wp--typography--line-height"],
-
+h3[style*="--wp--typography--line-height"],
-.h1[style*="--wp--typography--line-height"] {
+.h3[style*="--wp--typography--line-height"],
-	line-height: 1.7;
+.wp-block-heading h4[style*="--wp--typography--line-height"],
-}
+h4[style*="--wp--typography--line-height"],
-
+.h4[style*="--wp--typography--line-height"],
-.wp-block-heading h2[style*="--wp--typography--line-height"] {
+.wp-block-heading h5[style*="--wp--typography--line-height"],
-	line-height: 1.7;
+h5[style*="--wp--typography--line-height"],
-}
+.h5[style*="--wp--typography--line-height"],
-
+.wp-block-heading h6[style*="--wp--typography--line-height"],
-h2[style*="--wp--typography--line-height"] {
+h6[style*="--wp--typography--line-height"],
-	line-height: 1.7;
-}
-
-.h2[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.wp-block-heading h3[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-h3[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.h3[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.wp-block-heading h4[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-h4[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.h4[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.wp-block-heading h5[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-h5[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.h5[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-.wp-block-heading h6[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
-h6[style*="--wp--typography--line-height"] {
-	line-height: 1.7;
-}
-
 .h6[style*="--wp--typography--line-height"] {
 	line-height: 1.7;
 }
@@ -1281,13 +1092,7 @@ h6,
 	border-bottom: 3px solid #28303d;
 }
 
-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
-	padding-bottom: 30px;
-	border-bottom: 1px solid #28303d;
-	margin-top: 30px;
-	margin-bottom: 30px;
-}
-
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
 	padding-bottom: 30px;
 	border-bottom: 1px solid #28303d;
@@ -1436,10 +1241,7 @@ dt {
 	margin-top: 0;
 }
 
-.wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender) {
+.wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender),
-	margin-bottom: 0;
-}
-
 .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2),
 .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) {
 	margin-bottom: 0;
@@ -1472,10 +1274,7 @@ dt {
 	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
 }
 
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
-	color: #28303d;
-}
-
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
 	color: #28303d;
 }
@@ -1603,14 +1402,8 @@ pre.wp-block-preformatted {
 	padding: 0 40px;
 }
 
-.wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color {
+.wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color,
-	padding: 20px;
+.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color,
-}
-
-.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color {
-	padding: 20px;
-}
-
 .wp-block-query.has-background {
 	padding: 20px;
 }
@@ -1797,8 +1590,6 @@ pre.wp-block-preformatted {
 	.wp-block-quote.is-style-large.has-text-align-right:before {
 		right: 0;
 	}
-}
-@media only screen and (max-width: 481px) {
 
 	.wp-block-quote {
 		padding-left: 13px;
@@ -1858,10 +1649,7 @@ pre.wp-block-preformatted {
 	margin-bottom: 30px;
 }
 
-.wp-block-rss.is-grid > li:last-child {
+.wp-block-rss.is-grid > li:last-child,
-	margin-bottom: 0;
-}
-
 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
@@ -2003,18 +1791,12 @@ pre.wp-block-preformatted {
 	color: #d1e4dd;
 }
 
-.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
+.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
-	color: #28303d;
-}
-
 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
 	color: #28303d;
 }
 
-.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
+.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background),
-	background-color: #28303d;
-}
-
 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
 	background-color: #28303d;
 }
@@ -2047,20 +1829,13 @@ pre.wp-block-preformatted {
 	height: 40px;
 }
 
-.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover {
+.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
-	background-color: #d1e4dd !important;
-	color: #28303d !important;
-}
-
 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active {
 	background-color: #d1e4dd !important;
 	color: #28303d !important;
 }
 
-.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover {
+.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
-	color: #28303d !important;
-}
-
 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active {
 	color: #28303d !important;
 }
@@ -2078,24 +1853,14 @@ pre.wp-block-preformatted {
 	border: none;
 }
 
-.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover {
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
-	color: #28303d;
+.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover,
-}
-
-.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
-	color: #28303d;
-}
-
 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button,
 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
 	color: #28303d;
 }
 
-.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover {
+.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
-	background-color: #28303d;
-	color: #fff;
-}
-
 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
 	background-color: #28303d;
 	color: #fff;
@@ -2120,18 +1885,9 @@ hr {
 	opacity: 1;
 }
 
-.wp-block-separator[style*="text-align:right"] {
+.wp-block-separator[style*="text-align:right"],
-	border-right-color: #28303d;
+.wp-block-separator[style*="text-align: right"],
-}
+hr[style*="text-align:right"],
-
-.wp-block-separator[style*="text-align: right"] {
-	border-right-color: #28303d;
-}
-
-hr[style*="text-align:right"] {
-	border-right-color: #28303d;
-}
-
 hr[style*="text-align: right"] {
 	border-right-color: #28303d;
 }
@@ -2199,10 +1955,7 @@ hr.is-style-dots.has-text-color:before {
 	color: currentColor !important;
 }
 
-.wp-block-separator.is-style-dots:before {
+.wp-block-separator.is-style-dots:before,
-	color: #28303d;
-}
-
 hr.is-style-dots:before {
 	color: #28303d;
 }
@@ -2275,18 +2028,12 @@ table.is-style-stripes td,
 	border-width: 0;
 }
 
-table.is-style-stripes tbody tr:nth-child(odd) {
+table.is-style-stripes tbody tr:nth-child(odd),
-	background-color: #f0f0f0;
-}
-
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 	background-color: #f0f0f0;
 }
 
-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
+table.is-style-stripes .has-background tbody tr:nth-child(odd),
-	background-color: rgba(255, 255, 255, 0.9);
-}
-
 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
 	background-color: rgba(255, 255, 255, 0.9);
 }
@@ -2344,47 +2091,25 @@ pre.wp-block-verse {
 	color: currentColor;
 }
 
-:root .is-extra-small-text {
+:root .is-extra-small-text,
-	font-size: 1rem;
-}
-
 :root .has-extra-small-font-size {
 	font-size: 1rem;
 }
 
-:root .is-small-text {
+:root .is-small-text,
-	font-size: 1.125rem;
-}
-
 :root .has-small-font-size {
 	font-size: 1.125rem;
 }
 
-:root .is-regular-text {
+:root .is-regular-text,
-	font-size: 1.25rem;
+:root .has-regular-font-size,
-}
+:root .is-normal-font-size,
-
+:root .has-normal-font-size,
-:root .has-regular-font-size {
-	font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
-	font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
-	font-size: 1.25rem;
-}
-
 :root .has-medium-font-size {
 	font-size: 1.25rem;
 }
 
-:root .is-large-text {
+:root .is-large-text,
-	font-size: 1.5rem;
-	line-height: 1.3;
-}
-
 :root .has-large-font-size {
 	font-size: 1.5rem;
 	line-height: 1.3;
@@ -2700,82 +2425,52 @@ a {
 	cursor: pointer;
 }
 
-.has-black-color[class] {
+.has-black-color[class],
-	color: #000;
-}
-
 .has-black-color[class] > [class*=__inner-container] {
 	color: #000;
 }
 
-.has-gray-color[class] {
+.has-gray-color[class],
-	color: #39414d;
-}
-
 .has-gray-color[class] > [class*=__inner-container] {
 	color: #39414d;
 }
 
-.has-dark-gray-color[class] {
+.has-dark-gray-color[class],
-	color: #28303d;
-}
-
 .has-dark-gray-color[class] > [class*=__inner-container] {
 	color: #28303d;
 }
 
-.has-green-color[class] {
+.has-green-color[class],
-	color: #d1e4dd;
-}
-
 .has-green-color[class] > [class*=__inner-container] {
 	color: #d1e4dd;
 }
 
-.has-blue-color[class] {
+.has-blue-color[class],
-	color: #d1dfe4;
-}
-
 .has-blue-color[class] > [class*=__inner-container] {
 	color: #d1dfe4;
 }
 
-.has-purple-color[class] {
+.has-purple-color[class],
-	color: #d1d1e4;
-}
-
 .has-purple-color[class] > [class*=__inner-container] {
 	color: #d1d1e4;
 }
 
-.has-red-color[class] {
+.has-red-color[class],
-	color: #e4d1d1;
-}
-
 .has-red-color[class] > [class*=__inner-container] {
 	color: #e4d1d1;
 }
 
-.has-orange-color[class] {
+.has-orange-color[class],
-	color: #e4dad1;
-}
-
 .has-orange-color[class] > [class*=__inner-container] {
 	color: #e4dad1;
 }
 
-.has-yellow-color[class] {
+.has-yellow-color[class],
-	color: #eeeadd;
-}
-
 .has-yellow-color[class] > [class*=__inner-container] {
 	color: #eeeadd;
 }
 
-.has-white-color[class] {
+.has-white-color[class],
-	color: #fff;
-}
-
 .has-white-color[class] > [class*=__inner-container] {
 	color: #fff;
 }
@@ -2791,170 +2486,83 @@ a {
 	color: currentColor;
 }
 
-.has-black-background-color[class] {
+.has-black-background-color[class],
-	background-color: #000;
-}
-
 .has-black-background-color[class] > [class*=__inner-container] {
 	background-color: #000;
 }
 
-.has-dark-gray-background-color[class] {
+.has-dark-gray-background-color[class],
-	background-color: #28303d;
-}
-
 .has-dark-gray-background-color[class] > [class*=__inner-container] {
 	background-color: #28303d;
 }
 
-.has-gray-background-color[class] {
+.has-gray-background-color[class],
-	background-color: #39414d;
-}
-
 .has-gray-background-color[class] > [class*=__inner-container] {
 	background-color: #39414d;
 }
 
-.has-light-gray-background-color[class] {
+.has-light-gray-background-color[class],
-	background-color: #f0f0f0;
-}
-
 .has-light-gray-background-color[class] > [class*=__inner-container] {
 	background-color: #f0f0f0;
 }
 
-.has-green-background-color[class] {
+.has-green-background-color[class],
-	background-color: #d1e4dd;
-}
-
 .has-green-background-color[class] > [class*=__inner-container] {
 	background-color: #d1e4dd;
 }
 
-.has-blue-background-color[class] {
+.has-blue-background-color[class],
-	background-color: #d1dfe4;
-}
-
 .has-blue-background-color[class] > [class*=__inner-container] {
 	background-color: #d1dfe4;
 }
 
-.has-purple-background-color[class] {
+.has-purple-background-color[class],
-	background-color: #d1d1e4;
-}
-
 .has-purple-background-color[class] > [class*=__inner-container] {
 	background-color: #d1d1e4;
 }
 
-.has-red-background-color[class] {
+.has-red-background-color[class],
-	background-color: #e4d1d1;
-}
-
 .has-red-background-color[class] > [class*=__inner-container] {
 	background-color: #e4d1d1;
 }
 
-.has-orange-background-color[class] {
+.has-orange-background-color[class],
-	background-color: #e4dad1;
-}
-
 .has-orange-background-color[class] > [class*=__inner-container] {
 	background-color: #e4dad1;
 }
 
-.has-yellow-background-color[class] {
+.has-yellow-background-color[class],
-	background-color: #eeeadd;
-}
-
 .has-yellow-background-color[class] > [class*=__inner-container] {
 	background-color: #eeeadd;
 }
 
-.has-white-background-color[class] {
+.has-white-background-color[class],
-	background-color: #fff;
-}
-
 .has-white-background-color[class] > [class*=__inner-container] {
 	background-color: #fff;
 }
 
-.has-background:not(.has-text-color).has-black-background-color[class] {
+.has-background:not(.has-text-color).has-black-background-color[class],
-	color: #fff;
+.has-background:not(.has-text-color).has-gray-background-color[class],
-}
-
-.has-background:not(.has-text-color).has-gray-background-color[class] {
-	color: #fff;
-}
-
 .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
 	color: #fff;
 }
 
-.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] {
+.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
-	color: #28303d;
+.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
-}
+.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container],
-
+.has-background:not(.has-text-color).has-green-background-color[class],
-.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] {
+.has-background:not(.has-text-color).has-blue-background-color[class],
-	color: #28303d;
+.has-background:not(.has-text-color).has-purple-background-color[class],
-}
+.has-background:not(.has-text-color).has-red-background-color[class],
-
+.has-background:not(.has-text-color).has-orange-background-color[class],
-.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
+.has-background:not(.has-text-color).has-yellow-background-color[class],
-	color: #28303d;
+.has-background:not(.has-text-color).has-white-background-color[class],
-}
+.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
-
+.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
-.has-background:not(.has-text-color).has-green-background-color[class] {
+.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
-	color: #28303d;
+.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
-}
+.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
-
+.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
-.has-background:not(.has-text-color).has-blue-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-purple-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-red-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-orange-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-yellow-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-white-background-color[class] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
-.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] {
-	color: #28303d;
-}
-
 .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
 	color: #28303d;
 }

wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css

@@ -89,8 +89,6 @@
 	.primary-navigation-open #dark-mode-toggler {
 		display: none;
 	}
-}
-@media only screen {
 
 	#dark-mode-toggler:hover,
 	#dark-mode-toggler:focus {
@@ -98,8 +96,6 @@
 		border: 2px solid var(--button--color-text-active);
 		background-color: var(--button--color-text-active);
 	}
-}
-@media only screen {
 
 	.is-IE #dark-mode-toggler {
 		display: none;

wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

@@ -89,8 +89,6 @@
 	.primary-navigation-open #dark-mode-toggler {
 		display: none;
 	}
-}
-@media only screen {
 
 	#dark-mode-toggler:hover,
 	#dark-mode-toggler:focus {
@@ -98,8 +96,6 @@
 		border: 2px solid var(--button--color-text-active);
 		background-color: var(--button--color-text-active);
 	}
-}
-@media only screen {
 
 	.is-IE #dark-mode-toggler {
 		display: none;

wp-content/themes/twentytwentyone/assets/css/style-editor.css

@@ -142,7 +142,6 @@
 	--branding--title--text-transform: uppercase;
 	--branding--description--font-family: var(--global--font-secondary);
 	--branding--description--font-size: var(--global--font-size-sm);
-	--branding--description--font-family: var(--global--font-secondary);
 	--branding--logo--max-width: 300px;
 	--branding--logo--max-height: 100px;
 	--branding--logo--max-width-mobile: 96px;

wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss

@@ -150,7 +150,6 @@ $baseline-unit: 10px;
 	--branding--title--text-transform: uppercase;
 	--branding--description--font-family: var(--global--font-secondary);
 	--branding--description--font-size: var(--global--font-size-sm);
-	--branding--description--font-family: var(--global--font-secondary);
 
 	--branding--logo--max-width: 300px;
 	--branding--logo--max-height: 100px;

wp-content/themes/twentytwentyone/package.json

@@ -13,27 +13,28 @@
 	},
 	"homepage": "https://wordpress.org/themes/twentytwentyone/",
 	"devDependencies": {
-		"@wordpress/browserslist-config": "^5.9.0",
+		"@wordpress/browserslist-config": "^5.29.0",
-		"@wordpress/eslint-plugin": "^9.3.0",
+		"@wordpress/eslint-plugin": "^17.3.0",
-		"@wordpress/stylelint-config": "^19.1.0",
+		"@wordpress/stylelint-config": "^21.29.0",
 		"autoprefixer": "^10.4.13",
 		"chokidar-cli": "^3.0.0",
 		"eslint": "^8.33.0",
-		"minimist": "^1.2.7",
+		"minimist": "^1.2.8",
 		"npm-run-all": "^4.1.5",
-		"postcss": "^8.4.21",
+		"postcss": "^8.4.31",
-		"postcss-calc": "^8.2.4",
+		"postcss-calc": "^9.0.1",
 		"postcss-cli": "^10.1.0",
-		"postcss-css-variables": "^0.18.0",
+		"postcss-css-variables": "^0.19.0",
-		"postcss-custom-media": "^9.1.1",
+		"postcss-custom-media": "^10.0.2",
-		"postcss-discard-duplicates": "^5.1.0",
+		"postcss-discard-duplicates": "^6.0.0",
-		"postcss-focus-within": "^7.0.1",
+		"postcss-discard-empty": "^6.0.0",
-		"postcss-merge-rules": "^5.1.3",
+		"postcss-focus-within": "^8.0.0",
+		"postcss-merge-rules": "^6.0.1",
 		"postcss-nested": "^6.0.0",
 		"rtlcss": "^4.0.0",
 		"sass": "^1.58.0",
-		"stylelint": "^13.13.1",
+		"stylelint": "^14.16.1",
-		"stylelint-config-recommended-scss": "^5.0.2"
+		"stylelint-config-recommended-scss": "^13.1.0"
 	},
 	"rtlcssConfig": {
 		"options": {

wp-content/themes/twentytwentyone/postcss.config.js

@@ -9,6 +9,7 @@ module.exports = {
 			precision: 0
 		}),
 		require('postcss-discard-duplicates'),
-		require('postcss-merge-rules')
+		require('postcss-merge-rules'),
+		require('postcss-discard-empty')
 	]
 };

wp-content/themes/twentytwentyone/style-rtl.css

@@ -234,7 +234,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL.
 	--branding--title--text-transform: uppercase;
 	--branding--description--font-family: var(--global--font-secondary);
 	--branding--description--font-size: var(--global--font-size-sm);
-	--branding--description--font-family: var(--global--font-secondary);
 	--branding--logo--max-width: 300px;
 	--branding--logo--max-height: 100px;
 	--branding--logo--max-width-mobile: 96px;

wp-content/themes/twentytwentyone/style.css

@@ -234,7 +234,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL.
 	--branding--title--text-transform: uppercase;
 	--branding--description--font-family: var(--global--font-secondary);
 	--branding--description--font-size: var(--global--font-size-sm);
-	--branding--description--font-family: var(--global--font-secondary);
 	--branding--logo--max-width: 300px;
 	--branding--logo--max-height: 100px;
 	--branding--logo--max-width-mobile: 96px;

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.5-alpha-57121';
+$wp_version = '6.5-alpha-57122';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.