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

[Arukuen]

fixes #3219

Opted to adapt to newer variation picker style. Some style are overwritten to accommodate picker for Stackable blocks:

1. Add margin similar to old version for longer label and compatibility.
2. Make fill of premium variations lighter

[github-actions]

🤖 Pull request artifacts

file	commit
pr3234-stackable-3234-merge.zip	d2f0250

[github-actions]

Try this Pull Request in the WordPress playground: https://playground.wordpress.net/?mode=seamless#{"landingPage":"/wp-admin/post-new.php?post_type=page","preferredVersions":{"php":"latest","wp":"latest"},"steps":[{"step":"login","username":"admin","password":"password"},{"step":"installPlugin","pluginZipFile":{"resource":"url","url":"https://github.com/raw/gambitph/Stackable/artifacts/pr3234-stackable-3234-merge.zip"}}]}

[Arukuen]

Old:

New:

[andeng1106]

@Arukuen Fixed on WP 6.6. One remaining issue:

• Due to the fix, on WP 6.2, the disabled Premium layouts looks like this now:
  • Issue only for WP 6.2

[bfintal]

@andeng1106 please re-check, I adjusted the styles. The icons were also missing

[andeng1106]

@bfintal @Arukuen
The icons are showing on my end but it's now Grey instead of our color. Is this okay? 🤔

New PR build:

Previous PR build:

[Arukuen]

@andeng1106
This is intentional to adapt to WP 6.6, which greyed out the variation picker for native blocks (eg. Native Column).