Style book: Change displayed colors per row to six

[hanneslsm]

What problem does this address?

This issue is similar to #69162 but is about the style book

I created a sophisticated design system for the themes I build for my clients.
One important part is the color system, which uses six colors per section (base, contrast, brand, accent, utils).
I'm always using six colors per category because that's one row in the every color palette component in the editor. See:

In the style book (on the right) only four colors are displayed per row, breaking this experience (and I don't see an argue to only use four instead of six).
I cannot say why in my screenshot it's currently greyed out:

What is your proposed solution?

Change the displayed colors per row in the Style Book to 6 to ensure consistency across the whole editor.

[SainathPoojary]

Hey @hanneslsm,

I have looked into how we can display six colors per row. Here is the current implementation. If this aligns with the design standards, I would like to proceed with opening a PR. Please let me know your thoughts.

2025-02-13.10-15-20.mp4

cc: @t-hamano

[hanneslsm]

Please let me know your thoughts.

Thanks! I think this looks fantastic and much more clearer than four colors per row. Looking forward to your PR :)

[t-hamano]

I don't have a strong opinion on the number of color columns, but we can see some discussion on the number of columns here: #67597 (comment)

Additionally, it's worth noting that in the comments, there was feedback that the colors should be in four columns: #67546 (comment)

cc @WordPress/gutenberg-design

[hanneslsm]

Thanks @t-hamano for the links.

If I see it correctly the context of the discussion of #67597 (comment) is that it was two previously and then changed to four. It makes sense to have two or four on mobile, but on desktop we could go to six.
Same with #67546 (comment) - the four just seems random to me.
With six, we would have at least consistency with the color palette component in the editor.