@wordpress/base-styles 5.21.0 → 5.22.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.22.0 (2025-04-11)
+
 ## 5.21.0 (2025-03-27)
 
 ## 5.20.0 (2025-03-13)

package/_mixins.scss

@@ -151,10 +151,10 @@
 }
 
 
-@mixin input-style__focus() {
-	border-color: var(--wp-admin-theme-color);
+@mixin input-style__focus($accent-color: var(--wp-admin-theme-color)) {
+	border-color: $accent-color;
 	// Expand the default border focus style by .5px to be a total of 1.5px.
-	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+	box-shadow: 0 0 0 0.5px $accent-color;
 	// Windows High Contrast mode will show this outline, but not the box-shadow.
 	outline: 2px solid transparent;
 }
@@ -259,7 +259,7 @@
 	}
 }
 
-@mixin input-control {
+@mixin input-control($accent-color: var(--wp-admin-theme-color)) {
 	font-family: $default-font;
 	padding: 6px 8px;
 	@include input-style__neutral();
@@ -275,7 +275,7 @@
 	}
 
 	&:focus {
-		@include input-style__focus();
+		@include input-style__focus($accent-color);
 	}
 
 	// Use opacity to work in various editor styles.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/base-styles",
-	"version": "5.21.0",
+	"version": "5.22.0",
 	"description": "Base SCSS utilities and variables for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,5 +27,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "104af00f9abcd7a4d36b87e648f148c72cc4ea5f"
+	"gitHead": "01a314d7e46a50101e328fdb11959c441e49372d"
 }