fix: adjust classes and styles of variation picker for wp 6.6

src/components/variation-picker/editor.scss

@@ -1,15 +1,19 @@
 .stk-variation-picker {
+	.block-editor-block-variation-picker__variations > li {
+		margin: 8px 20px 0 0;
+	}
+
 	.is-premium {
 		pointer-events: none;
 		~ span {
 			color: #888;
 		}
+		svg {
+			fill: #d8d8d8 !important;
+		}
 	}
 	.block-editor-block-variation-picker__variation svg {
 		width: 48px;
 		height: 48px;
-		* {
-			stroke: currentColor;
-		}
 	}
 }

src/components/variation-picker/index.js

@@ -47,10 +47,9 @@ const VariationPicker = props => {
 					{ variations.map( variation => (
 						<li key={ variation.name }>
 							<Button
-								variant="secondary"
+								variant="tertiary"
 								icon={ variation.pickerIcon || variation.icon }
 								iconSize={ 48 }
-								isSecondary
 								onClick={ () => onSelect( variation ) }
 								className={ classnames( 'block-editor-block-variation-picker__variation', {
 									'is-premium': variation.isPremium,