From 1cfccc929b4d0e5034cdf00b4ad613b6eecba69f Mon Sep 17 00:00:00 2001
From: Alquen Sarmiento <sarmientoalquen@gmail.com>
Date: Tue, 15 Jul 2025 10:38:24 +0800
Subject: [PATCH] fix: use only the derivedProgressValue without the suffix and
 prefix for the CSS var

---
 src/block/progress-bar/edit.js    | 2 +-
 src/block/progress-circle/edit.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/block/progress-bar/edit.js b/src/block/progress-bar/edit.js
index d72d0290aa..91395e3dd2 100644
--- a/src/block/progress-bar/edit.js
+++ b/src/block/progress-bar/edit.js
@@ -120,7 +120,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedValue }% !important; }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedProgressValue }% !important; }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }
diff --git a/src/block/progress-circle/edit.js b/src/block/progress-circle/edit.js
index ce29590f5b..f8d6cb8347 100644
--- a/src/block/progress-circle/edit.js
+++ b/src/block/progress-circle/edit.js
@@ -132,7 +132,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedValue } }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedProgressValue } }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }