fix hover

Author: kaeizen

src/plugins/global-settings/color-schemes/index.php

@@ -426,7 +426,7 @@ public function generate_css_rules( $scheme, $mode = '' ) {
 					}
 
 					$inherited_value = $this->get_inherited_value( $scheme[ $property ], $state, $mode );
-					if ( $state === 'desktopHover' && ! $this->has_value( $scheme, $property, $state ) ) {
+					if ( $state === 'desktopHover' && ! $this->has_value( $scheme, $property, $state ) && $mode === 'container' ) {
 						$decls[ $state ][ $css_property ] = $inherited_value;
 					}
 

src/plugins/global-settings/color-schemes/utils.js

@@ -98,7 +98,7 @@ export const getCSS = ( scheme, currentHoverState = 'normal', mode = '' ) => {
 				decls.desktopHover.push( `${ customProperty }-parent-hover: ${ inheritedValue };` )
 			}
 
-			if ( state === 'desktopHover' && ! scheme[ property ]?.[ state ] && inheritedValue ) {
+			if ( state === 'desktopHover' && ! scheme[ property ]?.[ state ] && inheritedValue && mode === 'container' ) {
 				decls[ state ].push( `${ customProperty }${ suffix }: ${ inheritedValue };` )
 			}
 

src/styles/block-design-system-blocks.scss

@@ -238,11 +238,16 @@ body:not(.wp-admin) .stk-block-columns:has(> .stk-block-content > .stk-block-col
 	}
 }
 // Inherit parent-hover/normal state colors when hovering over a block.
-:where(.stk-hover-parent:hover) .stk-block-background {
+.stk-block-background {
 	#{ '--stk-button-background-color-hover' }: var(--stk-button-background-color);
 	#{ '--stk-button-text-color-hover' }: var(--stk-button-text-color);
 	#{ '--stk-button-outline-color-hover' }: var(--stk-button-outline-color);
 }
+// :where(.stk-hover-parent:hover) .stk-block-background {
+// 	#{ '--stk-button-background-color-hover' }: var(--stk-button-background-color);
+// 	#{ '--stk-button-text-color-hover' }: var(--stk-button-text-color);
+// 	#{ '--stk-button-outline-color-hover' }: var(--stk-button-outline-color);
+// }
 
 // Images
 .stk-img-wrapper {