Upgrade bitstyles to 5.0.1

[angelikatyborska]

Resolves https://github.com/bitcrowd/bitstyles_phoenix/issues/122

Note that the sidebar example in 4.3.0 will look weird because it contains a lot of example content that's written with attributes supported in 5.0.0 only.

Also note that the class a-button is now display: flex instead of display: inline-flex and now <a>s with that class look different than <button>s with that class due to different default widths of the two elements. This discrepancy would need to be fixed on a project level where bitstyles-phoenix is used, by something like a { width: fit-content } or so. Or just be using those elements inside appropriate flex/grid containers.

List of changes:

• Button rewrite (see linked issue)
• u-gap-m is u-gap-l, looks identical
• a-list-reset is u-list-none
• a-badge--gray is a-badge--text
• Brand2 color changed from yellow to blue, nothing to do about that
• Color palette changed a lot, causing u-fg- and u-bg- classes to be different. Darren helped me choose adequate replacements.
• Size naming changed to use a number instead of repeating a letter, e.g. xxxs is 3xs.

[angelikatyborska]

Waiting for bitstyles v5.0.0 to be republished as v5.0.1 with the correct CSS build.

[angelikatyborska]

Note to self: fix heading with list, the list should not look like a list Note to self: fix sidebar border color Note to self: fix tabs, the list should not look like a list

Edit: done