v5.1.x Extended release notes

v5.1 includes small refinements to colors, typography sizes, and font-weights.

Refinement of text colors to slightly darker greys to increase contrast ratios.

Color	Mode	v5.0	v5.1
text	light	#6F6F6F	#555555
text-strong	light	#444444	#333333
text	dark	#FFFFFFE6	#FFFFFF
text-strong	dark	#FFFFFFF5	#FFFFFF

Continuing to tighten type ramp through refinement of larger text sizes to slightly smaller values.

• These changes affect Anchor, Paragraph, and Text.
• To align with text styles, icons at size large and xlarge have been adjusted to 22px and 24px, respectively.

Size	v5.0 (font-size / line-height)	v5.1
large	24px / 30px	22px / 28px
xlarge	30px / 38px	24px / 30px

Right sizing prominence of headings and button labels

• Increased Heading level 1 and xxlarge paragraph font-weight from 400 to 500.
• Reduced font-weight for Button labels and active Tab label from 700 (bold) to 600 (semibold).
  • The exception is primary buttons which will continue to have a bold label in order to meet color contrast requirements on a HPE brand green background.
  • These weight changes will also affect Button-based components like Menu and Pagination.

Refinement of Buttons and Tabs

• Added back thin border around toolbar buttons to have parity with surrounding inputs.
  • Border changed from undefined to border-width: 1px, border-color: border.
• Reduced height of Button size small from 36px (same dimension as size medium) to 30px in order to provide greater visual hierarchy between button sizes. This aligns with the size small dimension from v4.
• Added back thin bottom border on Tabs that extends the full-width of the container in order to give more visual boundary in layout between tab content and other page content.