v5.1.0

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

Colors:

• text
  • light: #6F6F6F to #555555
  • dark: from #FFFFFFE6 to #FFFFFF
• text-strong
  • light: #444444 to #333333
  • dark: #FFFFFFF5 to #FFFFFF

Button:

• Change label font-weight for default, secondary, and toolbar buttons from 700 to 600.
• Change toolbar button border from undefined to border-width 1px; border-color "border"; border-radius 6px
• Changed small button height from 36px to 30px
  • Accordingly, padding adjustments were made for small buttons with labels: vertical padding 5px, horizontal padding 12px.
  • Accordingly, padding adjustments were made for small icon-only buttons: padding 7px.
• Since text size large was reduced, adjusted padding on large button to retain existing dimensions.
  • large buttons with label: vertical padding 10px, horizontal padding 24px.
  • large icon-only buttons: padding 13px
• Since text size large was reduced, adjusted padding on large button to retain existing dimensions.
  • xlarge buttons with label: vertical padding 21px, horizontal padding 30px.
  • xlarge icon-only buttons: padding 24px

DataTable:

• Changed primary key font-weight from 400 to 500.

Heading:

• Changed level 1 font-weight from 400 to 500.
• Changed level 2 size large, xlarge font-weight from 400 to 500.

Icon:

• Changed size "large" dimension from 24px to 22px to align with text size large.
• Changed size "xlarge" dimensions from 30px to 24px to align with text size large.

Pagination:

• Changed font-weight from 700 to 600.

Paragraph, Text, and Anchor:

• Changed size "large" from font-size 24px, line-height 30px to font-size 22px, line-height 28px.
• Changed size "xlarge" from font-size 30px, line-height 38px, font-weight 300 to font-size 24px, line-height 30px, font-weight 400.

Tabs:

• Changed active tab font-weight from 700 to 600.
• Extended bottom border of header across container width.