From ff82375584cd7482933da9953dbc57135f309bc0 Mon Sep 17 00:00:00 2001
From: James Rosado <jamesros@boldgrid.com>
Date: Tue, 22 Oct 2024 19:41:04 -0400
Subject: [PATCH 1/5] resolves #135

---
 .../scss/customizer/controls/_sections.scss   | 19 ++++++++++++++
 ...ss-boldgrid-framework-customizer-panel.php | 11 ++++----
 ...-boldgrid-framework-customizer-section.php | 25 +++++++++++++------
 3 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/src/assets/scss/customizer/controls/_sections.scss b/src/assets/scss/customizer/controls/_sections.scss
index dfb339732..4765cf6fe 100644
--- a/src/assets/scss/customizer/controls/_sections.scss
+++ b/src/assets/scss/customizer/controls/_sections.scss
@@ -6,8 +6,27 @@
 	}
 }
 
+
 // Base Styles.
 #customize-controls {
+	.accordion-section-title {
+		&::before {
+			line-height: 40px;
+		}
+		button.accordion-trigger {
+			position: absolute;
+			top: 0;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			z-index: 2;
+			width: calc( 100% - 40px );
+			padding: 0 0 0 35px;
+			&:hover, &:focus, &:active {
+				background: transparent;
+			}
+		}
+	}
 	.control-section-bgtfw_section.open > li.control-section-bgtfw_section {
 		margin-left: -12px;
 		margin-right: -12px;
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
index 6ab67ed54..36371816b 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
@@ -224,13 +224,14 @@ protected function content_template() {
 		protected function render_template() {
 			?>
 			<li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}">
-				<h3 class="accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
-					{{ data.title }}
-					<span class="screen-reader-text"><?php esc_html_e( 'Press return or enter to open this panel', 'crio' ); ?></span>
+			<h3 class="accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
+					<button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="{{ data.id }}-content">
+						{{ data.title }}
+					</button>
 				</h3>
-				<ul class="accordion-sub-container control-panel-content"></ul>
+				<ul class="accordion-sub-container control-panel-content" id="{{ data.id }}-content"></ul>
 			</li>
-			<?php
+		<?php
 		}
 	}
 }
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-section.php b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
index 6dcccc7c3..2589c0a3f 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-section.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
@@ -154,14 +154,20 @@ protected function render_template() {
 			?>
 			<li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}">
 				<h3 class="accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
-					{{ data.title }}
-					<span class="screen-reader-text"><?php esc_html_e( 'Press return or enter to open this section', 'crio' ); ?></span>
+					<button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="{{ data.id }}-content">
+						{{ data.title }}
+					</button>
 				</h3>
-				<ul class="accordion-section-content">
+				<ul class="accordion-section-content" id="{{ data.id }}-content">
 					<li class="customize-section-description-container section-meta <# if ( data.description_hidden ) { #>customize-info<# } #>">
 						<div class="customize-section-title">
 							<button class="customize-section-back" tabindex="-1">
-								<span class="screen-reader-text"><?php esc_html_e( 'Back', 'crio' ); ?></span>
+								<span class="screen-reader-text">
+									<?php
+									/* translators: Hidden accessibility text. */
+									_e( 'Back', 'crio' );
+									?>
+								</span>
 							</button>
 							<h3>
 								<span class="customize-action">
@@ -170,15 +176,20 @@ protected function render_template() {
 								<div class="bgtfw-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>">{{ data.title }}</div>
 							</h3>
 							<# if ( data.description && data.description_hidden ) { #>
-								<button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text"><?php esc_html_e( 'Help', 'crio' ); ?></span></button>
+								<button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text">
+									<?php
+									/* translators: Hidden accessibility text. */
+									_e( 'Help', 'crio' );
+									?>
+								</span></button>
 								<div class="description customize-section-description">
 									{{{ data.description }}}
 								</div>
 							<# } #>
-
+	
 							<div class="customize-control-notifications-container"></div>
 						</div>
-
+	
 						<# if ( data.description && ! data.description_hidden ) { #>
 							<div class="description customize-section-description">
 								{{{ data.description }}}

From 46628f93ea518648d8abec007eb7c223be598b09 Mon Sep 17 00:00:00 2001
From: James Rosado <jamesros@boldgrid.com>
Date: Wed, 23 Oct 2024 13:46:44 -0400
Subject: [PATCH 2/5] updated CSS

---
 .../scss/customizer/controls/_sections.scss   | 34 +++++++++++++------
 src/assets/scss/icomoon/style.scss            |  1 -
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/assets/scss/customizer/controls/_sections.scss b/src/assets/scss/customizer/controls/_sections.scss
index 4765cf6fe..3ac8a1a66 100644
--- a/src/assets/scss/customizer/controls/_sections.scss
+++ b/src/assets/scss/customizer/controls/_sections.scss
@@ -9,19 +9,32 @@
 
 // Base Styles.
 #customize-controls {
+	.control-section-bgtfw-upsell {
+		.accordion-section-title {
+			&::after {
+				content: none;
+			}
+		}
+	}
 	.accordion-section-title {
+		min-height: 40px;
+		&.dashicons-cover-image {
+			&::before {
+				margin-top: 10px;
+			}
+		}
 		&::before {
-			line-height: 40px;
+			position: absolute;
+			padding: 10px;
+			margin-right: 20px;
+			margin-left: 10px;
+			line-height: 30px;
+			text-align: center;
 		}
 		button.accordion-trigger {
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			z-index: 2;
-			width: calc( 100% - 40px );
-			padding: 0 0 0 35px;
+			width: calc( 100% - 3.75em );
+			padding: 0.5em 0 0 3.75em;
+			min-height: 40px;
 			&:hover, &:focus, &:active {
 				background: transparent;
 			}
@@ -61,7 +74,7 @@ span.section-title-extended {
 	font-weight: 400;
 	h3.accordion-section-title & {
 		margin-left: 3.25em;
-		margin-bottom: -6px;
+		margin-bottom: 0px;
 		margin-top: -3px;
 	}
 }
@@ -112,7 +125,6 @@ span.section-title-extended {
 	// See: https://github.com/BoldGrid/boldgrid-theme-framework/issues/120
 	&.icon-sidebar-settings:before {
 		transform: rotate(-90deg)!important;
-		padding: 0 .5em .5em 0!important;
 		display: inline-block !important;
 		margin-top: -.5em;
 	}
diff --git a/src/assets/scss/icomoon/style.scss b/src/assets/scss/icomoon/style.scss
index 4b08b41e0..aa4c8b939 100644
--- a/src/assets/scss/icomoon/style.scss
+++ b/src/assets/scss/icomoon/style.scss
@@ -105,7 +105,6 @@
   content: "\e927";
   display: inline-block !important;
   transform: rotate(-90deg) !important;
-  padding: 0 .5em !important;
 }
 .icon-crio:before,
 .icon-crio-enzo:before {

From ecf63969ffcbca190440c6f9018e60bf5a5c75e6 Mon Sep 17 00:00:00 2001
From: James Rosado <jamesros@boldgrid.com>
Date: Wed, 30 Oct 2024 11:38:58 -0400
Subject: [PATCH 3/5] add dynamically enqueued stylesheet

---
 src/assets/scss/customizer/controls-wp67.scss | 37 ++++++++++++
 .../scss/customizer/controls/_sections.scss   | 31 ----------
 ...ss-boldgrid-framework-customizer-panel.php | 33 ++++++++++-
 ...-boldgrid-framework-customizer-section.php | 59 +++++++++++++++++++
 .../class-boldgrid-framework-customizer.php   | 12 ++++
 5 files changed, 140 insertions(+), 32 deletions(-)
 create mode 100644 src/assets/scss/customizer/controls-wp67.scss

diff --git a/src/assets/scss/customizer/controls-wp67.scss b/src/assets/scss/customizer/controls-wp67.scss
new file mode 100644
index 000000000..532d954b1
--- /dev/null
+++ b/src/assets/scss/customizer/controls-wp67.scss
@@ -0,0 +1,37 @@
+/*
+ * Compatibility with WordPress 6.7 and
+ * newer customizer changes
+ */
+ #customize-controls {
+	.control-section-bgtfw-upsell {
+		.accordion-section-title {
+			&::after {
+				content: none;
+			}
+		}
+	}
+	.accordion-section-title {
+		min-height: 40px;
+		&.dashicons-cover-image {
+			&::before {
+				margin-top: 10px;
+			}
+		}
+		&::before {
+			position: absolute;
+			padding: 10px;
+			margin-right: 20px;
+			margin-left: 10px;
+			line-height: 30px;
+			text-align: center;
+		}
+		button.accordion-trigger {
+			width: calc( 100% - 3.75em );
+			padding: 0.5em 0 0 3.75em;
+			min-height: 40px;
+			&:hover, &:focus, &:active {
+				background: transparent;
+			}
+		}
+	}
+}
diff --git a/src/assets/scss/customizer/controls/_sections.scss b/src/assets/scss/customizer/controls/_sections.scss
index 3ac8a1a66..671b5e2e4 100644
--- a/src/assets/scss/customizer/controls/_sections.scss
+++ b/src/assets/scss/customizer/controls/_sections.scss
@@ -9,37 +9,6 @@
 
 // Base Styles.
 #customize-controls {
-	.control-section-bgtfw-upsell {
-		.accordion-section-title {
-			&::after {
-				content: none;
-			}
-		}
-	}
-	.accordion-section-title {
-		min-height: 40px;
-		&.dashicons-cover-image {
-			&::before {
-				margin-top: 10px;
-			}
-		}
-		&::before {
-			position: absolute;
-			padding: 10px;
-			margin-right: 20px;
-			margin-left: 10px;
-			line-height: 30px;
-			text-align: center;
-		}
-		button.accordion-trigger {
-			width: calc( 100% - 3.75em );
-			padding: 0.5em 0 0 3.75em;
-			min-height: 40px;
-			&:hover, &:focus, &:active {
-				background: transparent;
-			}
-		}
-	}
 	.control-section-bgtfw_section.open > li.control-section-bgtfw_section {
 		margin-left: -12px;
 		margin-right: -12px;
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
index 36371816b..01c2b33d1 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
@@ -222,9 +222,17 @@ protected function content_template() {
 		 * @since 4.3.0
 		 */
 		protected function render_template() {
+
+			// Strip the beta or RC suffix from the version number.
+			$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
+			//If wordpress version is less than 6.7 then use the old template
+			if ( version_compare( $wp_version, '6.7', '<' ) ) {
+				$this->old_render_template();
+				return;
+			}
 			?>
 			<li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}">
-			<h3 class="accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
+			<h3 class="wp67 accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
 					<button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="{{ data.id }}-content">
 						{{ data.title }}
 					</button>
@@ -233,5 +241,28 @@ protected function render_template() {
 			</li>
 		<?php
 		}
+
+		/**
+		 * An Underscore (JS) template for rendering this panel's container in 
+		 * versions of WP older than 6.7.
+		 *
+		 * Class variables for this panel class are available in the `data` JS object;
+		 * export custom variables by overriding WP_Customize_Panel::json().
+		 *
+		 * @see WP_Customize_Panel::print_template()
+		 *
+		 * @since 4.3.0
+		 */
+		protected function old_render_template() {
+			?>
+			<li id="accordion-panel-{{ data.id }}" class="accordion-section control-section control-panel control-panel-{{ data.type }}">
+				<h3 class="legacy accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
+					{{ data.title }}
+					<span class="screen-reader-text"><?php esc_html_e( 'Press return or enter to open this panel', 'crio' ); ?></span>
+				</h3>
+				<ul class="accordion-sub-container control-panel-content"></ul>
+			</li>
+			<?php
+		}
 	}
 }
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-section.php b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
index 2589c0a3f..614b08098 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-section.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
@@ -151,6 +151,14 @@ public function get_icon() {
 		 * @see WP_Customize_Section::print_template()
 		 */
 		protected function render_template() {
+			
+			// Strip the beta or RC suffix from the version number.
+			$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
+			//If wordpress version is less than 6.7 then use the old template
+			if ( version_compare( $wp_version, '6.7', '<' ) ) {
+				$this->old_render_template();
+				return;
+			}
 			?>
 			<li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}">
 				<h3 class="accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
@@ -200,5 +208,56 @@ protected function render_template() {
 			</li>
 			<?php
 		}
+
+		/**
+		 * An Underscore (JS) template for rendering this section's content (but not its container) in 
+		 * versions of WP older than 6.7.
+		 *
+		 * Class variables for this section class are available in the `data` JS object;
+		 * export custom variables by overriding WP_Customize_Section::json().
+		 *
+		 * @since 4.3.0
+		 *
+		 * @see WP_Customize_Section::print_template()
+		 */
+		protected function old_render_template() {
+			?>
+			<li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}">
+				<h3 class="legacy accordion-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>" tabindex="0">
+					{{ data.title }}
+					<span class="screen-reader-text"><?php esc_html_e( 'Press return or enter to open this section', 'crio' ); ?></span>
+				</h3>
+				<ul class="accordion-section-content">
+					<li class="customize-section-description-container section-meta <# if ( data.description_hidden ) { #>customize-info<# } #>">
+						<div class="customize-section-title">
+							<button class="customize-section-back" tabindex="-1">
+								<span class="screen-reader-text"><?php esc_html_e( 'Back', 'crio' ); ?></span>
+							</button>
+							<h3>
+								<span class="customize-action">
+									{{{ data.customizeAction }}}
+								</span>
+								<div class="bgtfw-section-title<# if ( ! _.isEmpty( data.icon ) ) { #> {{ data.icon }}<# } #>">{{ data.title }}</div>
+							</h3>
+							<# if ( data.description && data.description_hidden ) { #>
+								<button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text"><?php esc_html_e( 'Help', 'crio' ); ?></span></button>
+								<div class="description customize-section-description">
+									{{{ data.description }}}
+								</div>
+							<# } #>
+
+							<div class="customize-control-notifications-container"></div>
+						</div>
+
+						<# if ( data.description && ! data.description_hidden ) { #>
+							<div class="description customize-section-description">
+								{{{ data.description }}}
+							</div>
+						<# } #>
+					</li>
+				</ul>
+			</li>
+			<?php
+		}
 	}
 }
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer.php b/src/includes/customizer/class-boldgrid-framework-customizer.php
index 80b62a7a4..3e6843490 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer.php
@@ -477,6 +477,18 @@ public function enqueue_styles() {
 			array(),
 			$this->configs['version']
 		);
+
+		// Strip the beta or RC suffix from the version number.
+		$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
+		// If wordpress version greater than or equal to 6.7 then enqueue the new styles
+		if ( version_compare( $wp_version, '6.7', '>=' ) ) {	
+			wp_enqueue_style(
+				'bgtfw-control-styles-wp67',
+				$this->scripts->get_webpack_url( $this->configs['framework']['css_dir'], 'customizer/controls-wp67.min.css' ),
+				array(),
+				$this->configs['version']
+			);
+		}
 	}
 
 	/**

From e3b895d7380c1b2523104fb909fbaa5aaf272b03 Mon Sep 17 00:00:00 2001
From: James Rosado <jamesros@boldgrid.com>
Date: Wed, 6 Nov 2024 13:04:17 -0500
Subject: [PATCH 4/5] phpcs fixes

---
 .../class-boldgrid-framework-customizer-panel.php      |  4 ++--
 .../class-boldgrid-framework-customizer-section.php    | 10 +++++-----
 .../customizer/class-boldgrid-framework-customizer.php |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
index 01c2b33d1..9dc476459 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-panel.php
@@ -225,7 +225,7 @@ protected function render_template() {
 
 			// Strip the beta or RC suffix from the version number.
 			$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
-			//If wordpress version is less than 6.7 then use the old template
+			// If wordpress version is less than 6.7 then use the old template
 			if ( version_compare( $wp_version, '6.7', '<' ) ) {
 				$this->old_render_template();
 				return;
@@ -243,7 +243,7 @@ protected function render_template() {
 		}
 
 		/**
-		 * An Underscore (JS) template for rendering this panel's container in 
+		 * An Underscore (JS) template for rendering this panel's container in
 		 * versions of WP older than 6.7.
 		 *
 		 * Class variables for this panel class are available in the `data` JS object;
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-section.php b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
index 614b08098..174e6004c 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-section.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-section.php
@@ -151,10 +151,10 @@ public function get_icon() {
 		 * @see WP_Customize_Section::print_template()
 		 */
 		protected function render_template() {
-			
+
 			// Strip the beta or RC suffix from the version number.
 			$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
-			//If wordpress version is less than 6.7 then use the old template
+			// If wordpress version is less than 6.7 then use the old template
 			if ( version_compare( $wp_version, '6.7', '<' ) ) {
 				$this->old_render_template();
 				return;
@@ -173,7 +173,7 @@ protected function render_template() {
 								<span class="screen-reader-text">
 									<?php
 									/* translators: Hidden accessibility text. */
-									_e( 'Back', 'crio' );
+									esc_html_e( 'Back', 'crio' );
 									?>
 								</span>
 							</button>
@@ -187,7 +187,7 @@ protected function render_template() {
 								<button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text">
 									<?php
 									/* translators: Hidden accessibility text. */
-									_e( 'Help', 'crio' );
+									esc_html_e( 'Help', 'crio' );
 									?>
 								</span></button>
 								<div class="description customize-section-description">
@@ -210,7 +210,7 @@ protected function render_template() {
 		}
 
 		/**
-		 * An Underscore (JS) template for rendering this section's content (but not its container) in 
+		 * An Underscore (JS) template for rendering this section's content (but not its container) in
 		 * versions of WP older than 6.7.
 		 *
 		 * Class variables for this section class are available in the `data` JS object;
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer.php b/src/includes/customizer/class-boldgrid-framework-customizer.php
index 3e6843490..4a1255f91 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer.php
@@ -481,7 +481,7 @@ public function enqueue_styles() {
 		// Strip the beta or RC suffix from the version number.
 		$wp_version = preg_replace( '/-.*/', '', get_bloginfo( 'version' ) );
 		// If wordpress version greater than or equal to 6.7 then enqueue the new styles
-		if ( version_compare( $wp_version, '6.7', '>=' ) ) {	
+		if ( version_compare( $wp_version, '6.7', '>=' ) ) {
 			wp_enqueue_style(
 				'bgtfw-control-styles-wp67',
 				$this->scripts->get_webpack_url( $this->configs['framework']['css_dir'], 'customizer/controls-wp67.min.css' ),

From ca91fdbbbfc5201096c0f0485b3dd29d757660f3 Mon Sep 17 00:00:00 2001
From: James Rosado <jamesros@boldgrid.com>
Date: Wed, 6 Nov 2024 13:27:04 -0500
Subject: [PATCH 5/5] update version and readme

---
 README.md                        | 2 +-
 package.json                     | 2 +-
 readme.txt                       | 7 +++++--
 src/boldgrid-theme-framework.php | 2 +-
 style.css                        | 4 ++--
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index b9f08ff92..faf1d61d0 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
 * **Contributors:** rramo012, timph, jamesros161
 * **Tags:** inspiration,customization,build,create,design
 * **Requires at least:** 4.9
-* **Tested up to:** 6.6
+* **Tested up to:** 6.7
 * **License:** GPL-3.0-or-later
 * **License URI:** https://www.gnu.org/licenses/gpl-3.0-standalone.html
 
diff --git a/package.json b/package.json
index 60b1e6a35..679a79e00 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "boldgrid-theme-framework",
-	"version": "2.22.6",
+	"version": "2.22.7",
 	"description": "BoldGrid Theme Framework",
 	"main": "index.js",
 	"engines": {
diff --git a/readme.txt b/readme.txt
index db40c4f9b..b6f5aac2b 100644
--- a/readme.txt
+++ b/readme.txt
@@ -3,8 +3,8 @@ Contributors: boldgrid, timph, rramo012, bgnicolepaschen, joemoto, imh_brad, jam
 Tags: news, blog, e-commerce, sticky-post, theme-options, threaded-comments, full-width-template, footer-widgets, featured-images, flexible-header, custom-header, custom-logo, custom-background, custom-colors, custom-menu, editor-style, translation-ready, left-sidebar, right-sidebar, grid-layout, one-column, two-columns, three-columns, four-columns
 Requires PHP: 5.6
 Requires at least: 4.8
-Tested up to: 6.6
-Stable tag: 2.22.6
+Tested up to: 6.7
+Stable tag: 2.22.7
 License: GPL-3.0-or-later
 License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html
 
@@ -22,6 +22,9 @@ This version changes the way the color palette CSS is generated. If you are usin
 
 ## Changelog ##
 
+== 2.22.7 ==
+* Bug Fix: Customizer broken with WP 6.7 [#135](https://github.com/BoldGrid/crio/issues/135)
+
 == 2.22.6 ==
 * update: Updated WooCommerce templates [#134](https://github.com/BoldGrid/crio/pull/134)
 
diff --git a/src/boldgrid-theme-framework.php b/src/boldgrid-theme-framework.php
index 27c1f26fb..0903efabb 100644
--- a/src/boldgrid-theme-framework.php
+++ b/src/boldgrid-theme-framework.php
@@ -3,7 +3,7 @@
  * Plugin Name: BoldGrid Theme Framework
  * Plugin URI: https://www.boldgrid.com/docs/configuration-file
  * Description: BoldGrid Theme Framework is a library that allows you to easily make BoldGrid themes. Please see our reference guide for more information: https://www.boldgrid.com/docs/configuration-file
- * Version: 2.22.6
+ * Version: 2.22.7
  * Author: BoldGrid.com <wpb@boldgrid.com>
  * Author URI: https://www.boldgrid.com/
  * Text Domain: bgtfw
diff --git a/style.css b/style.css
index 2568c19fa..1f1c35413 100644
--- a/style.css
+++ b/style.css
@@ -4,9 +4,9 @@ Author: BoldGrid
 Theme URI: https://www.boldgrid.com/themes/crio/
 Author URI: https://www.boldgrid.com/
 Description: Crio is a WordPress SuperTheme that allows front-end designers, developers and other web professionals to create without bounds or restrictions.  Crio's advanced customization options are completely integrated with the WordPress Customizer API, providing you with a powerful, but familiar interface to customize your website. Our integration gives you granular control over many elements straight from the Customizer, and even device previews so you can see how your site looks on different devices. Crio’s unique color palette system keeps colors consistent across your site. Drag and drop colors in your palette to increase or decrease the usage of that color throughout your website. Use the advanced controls to create a custom Header, Footer, or Blog Page layout. Be Bold and stand above the rest with Prime by BoldGrid!
-Version: 2.22.6
+Version: 2.22.7
 Requires at least: 5.5
-Tested up to: 6.6
+Tested up to: 6.7
 Requires PHP: 5.6
 License: GPL-3.0-or-later
 License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html