Merge branch 'main' into fix/MOOSE-342/fix-git-hooks

Author: dpellenwood

CHANGELOG.md

@@ -8,6 +8,8 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
 - Updated: Expected PHP version to v8.4, Node version to v24 LTS
 - Updated: WordPress to v6.9.1
 - Updated: All plugins, composer dependencies, and npm packages to latest versions.
+- Added: New Accordion block styling
+- Removed: Details block styling
 - Fixed: pre-push git hooks running properly again.
 
 ## [2026.01]
@@ -17,6 +19,7 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
 - Fixed: Removed top margin from spacer block
 - Added: Yoast Duplicate Post plugin v4.5 for easier content duplication in the editor.
 - Updated: Login logo styling
+- Updated: Typography utility class selectors are now more specific in order to override WP core default paragraphy / heading selectors.
 
 ## [2025.12]
 

wp-content/plugins/core/src/Blocks/Blocks_Definer.php

@@ -7,10 +7,10 @@
 use Tribe\Plugin\Blocks\Filters\Paragraph_Filter;
 use Tribe\Plugin\Core\Interfaces\Definer_Interface;
 use Tribe\Theme\bindings\Query_Results_Count;
+use Tribe\Theme\blocks\core\accordion\Accordion;
 use Tribe\Theme\blocks\core\button\Button;
 use Tribe\Theme\blocks\core\column\Column;
 use Tribe\Theme\blocks\core\columns\Columns;
-use Tribe\Theme\blocks\core\details\Details;
 use Tribe\Theme\blocks\core\embed\Embed;
 use Tribe\Theme\blocks\core\gallery\Gallery;
 use Tribe\Theme\blocks\core\group\Group;
@@ -70,10 +70,10 @@ public function define(): array {
 			] ),
 
 			self::EXTENDED        => DI\add( [
+				DI\get( Accordion::class ),
 				DI\get( Button::class ),
 				DI\get( Column::class ),
 				DI\get( Columns::class ),
-				DI\get( Details::class ),
 				DI\get( Embed::class ),
 				DI\get( Gallery::class ),
 				DI\get( Group::class ),

wp-content/themes/core/assets/js/theme/blocks/details.js

@@ -44,16 +44,6 @@ const init = () => {
 
 	animateOnScroll();
 
-	// conditionally load core/details animation fix
-	const coreDetailsEls = document.querySelectorAll( '.wp-block-details' );
-	if ( coreDetailsEls.length > 0 ) {
-		import(
-			/* webpackChunkName: "core-details" */ './blocks/details.js'
-		).then( ( module ) => {
-			module.default( coreDetailsEls );
-		} );
-	}
-
 	console.info(
 		'Theme: Initialized all javascript that targeted document ready.'
 	);

wp-content/themes/core/assets/js/theme/ready.js

@@ -55,7 +55,8 @@
 	 * Borders
 	 * ----------------------------------------------------------------------- */
 
-	--color-border: var(--color-neutral-40);
+	--color-border: var(--color-black);
+	--color-border-secondary: var(--color-neutral-30);
 
 	/* -----------------------------------------------------------------------
 	 * Selection Highlight Color
@@ -85,3 +86,26 @@
 	--box-shadow-50: var(--wp--preset--shadow--50);
 	--box-shadow-60: var(--wp--preset--shadow--60);
 }
+
+/* -----------------------------------------------------------------------
+ *
+ * Dark Themes
+ *
+ * ----------------------------------------------------------------------- */
+
+:--dark-themes {
+
+	/* -----------------------------------------------------------------------
+	 * Text
+	 * ----------------------------------------------------------------------- */
+
+	--color-text: var(--color-white);
+	--color-text-secondary: var(--color-neutral-20);
+
+	/* -----------------------------------------------------------------------
+	 * Borders
+	 * ----------------------------------------------------------------------- */
+
+	--color-border: var(--color-white);
+	--color-border-secondary: var(--color-neutral-20);
+}

wp-content/themes/core/assets/pcss/color/_variables.pcss

@@ -215,7 +215,7 @@
 
 @define-mixin t-transparent-underline {
 	text-decoration-line: underline;
-	text-decoration-thickness: from-font;
+	text-decoration-thickness: var(--text-decoration-thickness);
 	text-decoration-color: transparent;
 	text-underline-offset: 0.15em;
 	transition: var(--transition);
@@ -232,13 +232,13 @@
 @define-mixin t-animated-underline {
 	display: inline;
 	background-image: linear-gradient(currentcolor, currentcolor);
-	background-size: 0 0.05em;
+	background-size: 0 var(--text-decoration-thickness);
 	background-repeat: no-repeat;
 	background-position: 0 100%;
 	transition: background-size 0.3s;
 	text-decoration: none !important; /* override block editor default */
 }
 
 @define-mixin t-animated-underline-hover {
-	background-size: 100% 0.05em;
+	background-size: 100% var(--text-decoration-thickness);
 }

wp-content/themes/core/assets/pcss/typography/_mixins.pcss

@@ -8,7 +8,7 @@
  * Display X-Large
  * ------------------------------------------------------------------------- */
 
-.t-display-x-large {
+:root :where(*):is(.t-display-x-large) {
 
 	@mixin t-display-x-large;
 }
@@ -17,7 +17,7 @@
  * Display Large
  * ------------------------------------------------------------------------- */
 
-.t-display-large {
+:root :where(*):is(.t-display-large) {
 
 	@mixin t-display-large;
 }
@@ -26,7 +26,7 @@
  * Display Medium
  * ------------------------------------------------------------------------- */
 
-.t-display-medium {
+:root :where(*):is(.t-display-medium) {
 
 	@mixin t-display-medium;
 }
@@ -35,7 +35,7 @@
  * Display Small
  * ------------------------------------------------------------------------- */
 
-.t-display-small {
+:root :where(*):is(.t-display-small) {
 
 	@mixin t-display-small;
 }
@@ -44,7 +44,7 @@
  * Display X-Small
  * ------------------------------------------------------------------------- */
 
-.t-display-x-small {
+:root :where(*):is(.t-display-x-small) {
 
 	@mixin t-display-x-small;
 }
@@ -53,7 +53,7 @@
  * Display XX-Small
  * ------------------------------------------------------------------------- */
 
-.t-display-xx-small {
+:root :where(*):is(.t-display-xx-small) {
 
 	@mixin t-display-xx-small;
 }
@@ -62,7 +62,7 @@
  * Body Large
  * ------------------------------------------------------------------------- */
 
-.t-body-large {
+:root :where(*):is(.t-body-large) {
 
 	@mixin t-body-large;
 }
@@ -71,7 +71,7 @@
  * Body
  * ------------------------------------------------------------------------- */
 
-.t-body {
+:root :where(*):is(.t-body) {
 
 	@mixin t-body;
 }
@@ -80,7 +80,7 @@
  * Body Small
  * ------------------------------------------------------------------------- */
 
-.t-body-small {
+:root :where(*):is(.t-body-small) {
 
 	@mixin t-body-small;
 }
@@ -89,7 +89,7 @@
  * Overline
  * ------------------------------------------------------------------------- */
 
-.t-overline {
+:root :where(*):is(.t-overline) {
 
 	@mixin t-overline;
 }
@@ -98,7 +98,7 @@
  * Category
  * ------------------------------------------------------------------------- */
 
-.t-category {
+:root :where(*):is(.t-category) {
 
 	@mixin t-category;
 }
@@ -107,7 +107,7 @@
  * Caption
  * ------------------------------------------------------------------------- */
 
-.t-caption {
+:root :where(*):is(.t-caption) {
 
 	@mixin t-caption;
 }
@@ -117,7 +117,7 @@
  * Tag
  * ------------------------------------------------------------------------- */
 
-.t-tag {
+:root :where(*):is(.t-tag) {
 
 	@mixin t-tag;
 }
@@ -126,7 +126,7 @@
  * Transparent Underline
  * ------------------------------------------------------------------------- */
 
-.t-transparent-underline {
+:root :where(*):is(.t-transparent-underline) {
 
 	@mixin t-transparent-underline;
 }
@@ -135,7 +135,7 @@
  * Animated Underline
  * ------------------------------------------------------------------------- */
 
-.t-animated-underline {
+:root :where(*):is(.t-animated-underline) {
 
 	@mixin t-animated-underline;
 }

wp-content/themes/core/assets/pcss/typography/_utilities.pcss

@@ -34,6 +34,12 @@
 	--font-weight-regular: var(--wp--custom--font-weight--regular);
 	--font-weight-bold: var(--wp--custom--font-weight--bold);
 
+	/* -------------------------------------------------------------------------
+	 * Text Decoration
+	 * ------------------------------------------------------------------------- */
+
+	--text-decoration-thickness: 0.06em;
+
 	/* -------------------------------------------------------------------------
 	 * Font Selection
 	 * ------------------------------------------------------------------------- */

wp-content/themes/core/assets/pcss/typography/_variables.pcss

@@ -1,13 +1,13 @@
 <?php declare(strict_types=1);
 
-namespace Tribe\Theme\blocks\core\details;
+namespace Tribe\Theme\blocks\core\accordion;
 
 use Tribe\Plugin\Blocks\Block_Base;
 
-class Details extends Block_Base {
+class Accordion extends Block_Base {
 
 	public function get_block_name(): string {
-		return 'core/details';
+		return 'core/accordion';
 	}
 
 }

…mes/core/blocks/core/details/Details.php …core/blocks/core/accordion/Accordion.phpwp-content/themes/core/blocks/core/details/Details.php renamed to wp-content/themes/core/blocks/core/accordion/Accordion.php wp-content/themes/core/blocks/core/details/Details.php renamed to wp-content/themes/core/blocks/core/accordion/Accordion.php

@@ -0,0 +1,23 @@
+/* -------------------------------------------------------------------------
+ *
+ * Block - Accordion - Mixins
+ *
+ * Because we want to be able to apply the same styles on both hover and
+ * focus, we use a mixin to avoid code duplication.
+ *
+ * ------------------------------------------------------------------------- */
+
+@define-mixin accordion-hover-focus {
+
+	.wp-block-accordion-heading__toggle-title {
+
+		@mixin t-transparent-underline-hover;
+
+		/**
+		 * WP adds text-decoration: underline to the toggle title on hover
+		 * the only value we need to add back is the thickness
+		 * @see https://p.tri.be/i/RF6crT
+		 */
+		text-decoration-thickness: var(--text-decoration-thickness);
+	}
+}