2.0.0-beta.5

[thisisdano]

Bug fixes

• The borderless table variant now displays properly in prose scope (Add borderless table styles to mixin passed to prose scope #2881)
• Grid columns now display properly when your project doesn't explicitly include component styles (Improve grid code and update dependencies #2900)
• Extra large content no longer breaks fill and auto columns. (Improve grid code and update dependencies #2900)
• List items now have a maximum width, similar to their <p> counterparts. Additionally, when a list is the last child of a container, it now does have any bottom margin. Thanks @adunkman! ([v2] [List styles] Add max width, remove bottom margin on last-child. #2906)
• Media query styling now applies to print jobs, fixing a number of current issues with print output. (Use all for media queries instead of screen only #2910)

Improvements

More up-to-date node dependency (#2900)
We updated the required node version to the current LTS version of node (10.15.1) and updated our dependencies to build properly in this environment.

Now we're exposing some internal component variables to user-accessible settings (#2901)
Here's what we added:

// Accordion
$theme-accordion-border-width:        0.5;
$theme-accordion-border-color:        'base-lightest';

// Alert
$theme-alert-bar-width:               1;
$theme-alert-icon-size:               4;
$theme-alert-padding-x:               2.5;

// Banner
$theme-button-stroke-width:           2px;

// Footer
$theme-input-select-border-width:     2px;
$theme-input-select-size:             2.5;
$theme-input-state-border-width:      0.5;

We expanded and improved our system color families and theme defaults
These new colors are a bit more harmonious, and have a better 1.x-to-2.0 conversion.

• Added a blue-cool color family (Add blue-cool color family #2902)

• Added a red-cool family (Update colors #2911)

• Saturated gold-20v (Update colors #2911)

• Desaturated blue-cool standard colors and added vivid variants (Update colors #2911)

• Made small hue consistency modifications to the following families (Update colors #2911):

  • blue-warm
  • blue
  • gold
  • gray-cool
  • green-cool
  • mint
  • orange
  • red-cool
  • red
  • yellow

• Updated the following theme palettes for better consistency with 1.x defaults (Update colors #2911)

  • base
  • primary
  • accent-cool
  • error
  • warning
  • success
  • info

Here's what changed:

base changes

$theme-color-base-family:           'gray-cool';
$theme-color-base-lightest:         'gray-5';
$theme-color-base-lighter:          'gray-cool-10';
$theme-color-base-light:            'gray-cool-30';
$theme-color-base:                  'gray-cool-50';
$theme-color-base-dark:             'gray-cool-60';
$theme-color-base-darker:           'gray-cool-70';
$theme-color-base-darkest:          'gray-90';
$theme-color-base-ink:              'gray-90';

primary changes

$theme-color-primary-lighter:       '#{$theme-color-primary-family}-10';
$theme-color-primary-vivid:         'blue-warm-60v';

accent-warm changes

$theme-color-accent-warm-family:    'orange';
$theme-color-accent-warm-lighter:   '#{$theme-color-accent-warm-family}-10';
$theme-color-accent-warm-light:     '#{$theme-color-accent-warm-family}-20v';
$theme-color-accent-warm:           '#{$theme-color-accent-warm-family}-30v';
$theme-color-accent-warm-darker:    '#{$theme-color-accent-warm-family}-60';

error changes

$theme-color-error-family:     'red-warm';
$theme-color-error-light:      '#{$theme-color-error-family}-30v';
$theme-color-error:            '#{$theme-color-error-family}-50v';
$theme-color-error-dark:       'red-60v';
$theme-color-error-darker:     'red-70';

warning changes

$theme-color-warning-lighter:  'yellow-5';
$theme-color-warning-light:    'yellow-10v';
$theme-color-warning-darker:   '#{$theme-color-warning-family}-50v';

success changes

$theme-color-success-light:    '#{$theme-color-success-family}-20v';
$theme-color-success-darker:   '#{$theme-color-success-family}-60';

info changes

$theme-color-info-darker:      'blue-cool-60';

USWDS 1.x to 20 color conversion

Current USWDS theme defaults

Current USWDS state defaults