Skip to content

Bolt v1.6.0 Released!
Compare
Choose a tag to compare
@sghoweri sghoweri released this 04 Jul 19:44
· 13591 commits to master since this release
v1.6.0
cf591b3

Bug Fixes

  • Button Component: Fixed horizontal button alignment options in versions 10 and earlier of Safari and mobile Safari - http://vjira2:8080/browse/BDS-438
  • Dropdown Component: Now renders properly on the server to significantly improve initial rendering + progressively enhanced experience #756
  • Async Font Loader: Fixed async font loader so .woff2 fonts are once again prioritized and loaded first if supported (with .woff files only loaded as a fallback)
  • Redirects / Deploy Issues Resolved: Fixed Now.sh redirect / path resolution issues with the deploy URLs used for viewing / testing the design system staged deploys

Improvements

  • Share Component: Share text is now editable, style improvements: http://vjira2:8080/browse/BDS-366

  • Smooth Scroll Component: Offset behavior can now be set dynamically http://vjira2:8080/browse/WWWD-2288

  • Code Snippet Component: Improved cross browser support + much more consistent styling; JavaScript syntax highlighting support added

  • Navbar Component: Remove navlink focus state when clicking anchor links - http://vjira2:8080/browse/BDS-412

  • Build Tools: Improvements to schema validation coverage + tighter integration with Bolt's build tools BDS-369

  • Bolt Icon Component: Updated the Bolt icon docs to include info + examples on customizing an icon's background color, shape color and background opacity; brand-operations icon added
    pixelsnap 2018-07-05 at 09 19 22

  • Form Input + Input Icon: Icon position is now calculated based on spacing scale; Icon background color now matches its specific states coloring (invalid, disabled, etc.)

  • Language-specific CSS / JS Builds: Bolt's build tools now support compiling language-specific CSS and JS bundles, at the same time! Need to

  • Language-specific CSS / JS Builds: Bolt's build tools now support compiling language-specific CSS and JS bundles -- separate builds are no longer required when testing out the same page with language-optimized CSS and JS builds

Misc

New Components & Features

New Pagination Component Added

pixelsnap 2018-07-05 at 09 24 56

This is a combined effort of @rockymountainhigh1943, @remydenton, and Mike. The following enhancements are added to pagination.

  1. Semantic nav markup
  2. Accessibility support with aria tags and visually hidden micro copy
  3. Circle background (current state) is scalable and not limited to just 3-digit numbers
  4. Alignment can now be controlled by layout objects such as grid, instead of always centering without any opt-out (flexbox handles the alignment now instead of nested inline-blocks)
  5. Bolt spacing variables are used instead of px units, so it scales in relation to all other designs

Breakpoint / Media Query Revamp

So long breakpoint-sass, hello @bolt-mq (based on the awesome sass-mq library from The Guardian)!

  • You may now specify min, max, and range as you please
  • The new @bolt-mq syntax now can handle min-width, max-width, min-max ranges, and custom breakpoint sizes that aren't predefined in the design system.
  • Pattern Lab docs page updated, although Sass-mq's extensive documentation stays relevant for us: https://github.com/sass-mq/sass-mq

@respond-to Sass Mixin Deprecated

  • respond-to is now deprecated (mapped to the new bolt-mq functionality) and will be removed in Bolt v2.0.
  • Using the old @respond-to Sass mixin now throws a deprecation warning when used in Bolt v1.6.0+

Pattern Lab UI Refresh + Massive Speed Improvements

  • Updates Pattern Lab's UI to the latest major version + wires up the code to be locally run in the Bolt repo (prep work for some incredibly exciting design system updates coming soon...)
  • Addresses a number of long running UI bugs / performance issues in Pattern Lab, including now asynchronously loading everything in PL by default
  • Rough 1st pass adding Critical CSS across the board (prep for larger updates in progress). Even with this initial "rough around the edges" work, the docs site homepage is now nearly twice as fast 😄

image

Previous vs Latest Bolt Release Comparison

Mobile 3G:


Desktop:


Package Changes:

 - @bolt/components-action-blocks: 1.5.2 => 1.6.0
 - @bolt/components-background-shapes: 1.5.2 => 1.6.0
 - @bolt/components-background: 1.5.2 => 1.6.0
 - @bolt/components-band: 1.5.2 => 1.6.0
 - @bolt/components-block-list: 1.5.2 => 1.6.0
 - @bolt/components-blockquote: 1.5.2 => 1.6.0
 - @bolt/components-breadcrumb: 1.5.2 => 1.6.0
 - @bolt/components-button-group: 1.5.2 => 1.6.0
 - @bolt/components-button: 1.5.2 => 1.6.0
 - @bolt/components-card: 1.5.2 => 1.6.0
 - @bolt/components-chip-list: 1.5.2 => 1.6.0
 - @bolt/components-chip: 1.5.2 => 1.6.0
 - @bolt/components-code-snippet: 1.5.2 => 1.6.0
 - @bolt/components-copy-to-clipboard: 1.5.2 => 1.6.0
 - @bolt/components-critical-fonts: 1.5.2 => 1.6.0
 - @bolt/components-device-viewer: 1.5.2 => 1.6.0
 - @bolt/components-dropdown: 1.5.2 => 1.6.0
 - @bolt/components-figure: 1.5.2 => 1.6.0
 - @bolt/components-form: 1.5.2 => 1.6.0
 - @bolt/components-headline: 1.5.2 => 1.6.0
 - @bolt/components-icon: 1.5.2 => 1.6.0
 - @bolt/components-icons: 1.5.2 => 1.6.0
 - @bolt/components-image: 1.5.2 => 1.6.0
 - @bolt/components-link: 1.5.2 => 1.6.0
 - @bolt/components-logo: 1.5.2 => 1.6.0
 - @bolt/components-nav-indicator: 1.5.2 => 1.6.0
 - @bolt/components-nav-priority: 1.5.3 => 1.6.0
 - @bolt/components-navlink: 1.5.2 => 1.6.0
 - @bolt/components-navbar: 1.5.2 => 1.6.0
 - @bolt/components-ordered-list: 1.5.2 => 1.6.0
 - @bolt/components-page-footer: 1.5.2 => 1.6.0 (private)
 - @bolt/components-page-header: 1.5.2 => 1.6.0
 - @bolt/components-pagination: 0.0.0 => 1.6.0
 - @bolt/components-placeholder: 1.5.2 => 1.6.0
 - @bolt/components-share: 1.5.2 => 1.6.0
 - @bolt/components-site: 1.5.2 => 1.6.0
 - @bolt/components-smooth-scroll: 1.5.2 => 1.6.0
 - @bolt/components-sticky: 1.5.2 => 1.6.0
 - @bolt/components-teaser: 1.5.2 => 1.6.0
 - @bolt/components-text: 1.5.2 => 1.6.0 (private)
 - @bolt/components-tooltip: 1.5.2 => 1.6.0
 - @bolt/components-unordered-list: 1.5.2 => 1.6.0
 - @bolt/components-video: 1.5.2 => 1.6.0
 - @bolt/uikit-workshop: 1.0.0-alpha.5 => 1.6.0 (private)
 - @bolt/core: 1.5.2 => 1.6.0
 - @bolt/global: 1.5.2 => 1.6.0
 - @bolt/build-tools: 1.5.1 => 1.6.0
 - @bolt/drupal-lab-flash-theme: 1.5.2 => 1.6.0 (private)
 - @bolt/website: 1.5.2 => 1.6.0 (private)
 - @bolt/pattern-lab: 1.5.3 => 1.6.0 (private)
Assets 2
Loading