Hide presets when there are less or exactly one presets available (Wo…

…rdPress#62074)

* hide the presets panel for when there are less or exactly one presets available

* tweak logic to return null if there is only one variation (the default).

---------

Co-authored-by: draganescu <andraganescu@git.wordpress.org>
Co-authored-by: richtabor <richtabor@git.wordpress.org>
Co-authored-by: MaggieCabrera <onemaggie@git.wordpress.org>
Co-authored-by: bgardner <bgardner@git.wordpress.org>
Co-authored-by: hbhalodia <hbhalodia@git.wordpress.org>

packages/edit-site/src/components/global-styles/variations/variations-color.js

@@ -14,7 +14,8 @@ import Variation from './variation';
 export default function ColorVariations( { title, gap = 2 } ) {
 	const colorVariations = useColorVariations();
 
-	if ( ! colorVariations?.length ) {
+	// Return null if there is only one variation (the default).
+	if ( colorVariations?.length <= 1 ) {
 		return null;
 	}
 

packages/edit-site/src/components/global-styles/variations/variations-typography.js

@@ -19,7 +19,8 @@ import Subtitle from '../subtitle';
 export default function TypographyVariations( { title, gap = 2 } ) {
 	const typographyVariations = useTypographyVariations();
 
-	if ( ! typographyVariations?.length ) {
+	// Return null if there is only one variation (the default).
+	if ( typographyVariations?.length <= 1 ) {
 		return null;
 	}