Boltdesignsystem Bolt Versions Save

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

v5.0.0

2 years ago

Release Notes

For step-by-step upgrade docs see https://github.com/boltdesignsystem/bolt/wiki/Upgrade-to-5.x.

Node

Updated node to v14.18.1. From #2358

Icon Component

All instances of the Icon Component have been replaced with the Icon Element. From #2366

Video Component

This component has been removed. From #2376

This component has been removed. From #2365

Block List Component

This component has been removed. From #2353

Figure Component

The following deprecated props have been removed: media.image, media.icon, media.video, media.table, and content. From #2366

Device Viewer Component

The following deprecated props have been removed: image, and magnify. From #2366

CSS Updates

  • Removed the Bolt-theme() mixin. From #2364
  • Removed the Crop Object. From #2352
  • Removed the Island Object. From #2351

Visual changes

Icon Element

Icons may appear slightly larger in the following components:

  • Button
  • Card (Card actions)
  • Carousel
  • Chip List
  • Chip
  • Code Snippet
  • Form elements (submit, validation icons)
  • Link
  • Tabs
  • Typeahead
  • Holygrail Layout

Breaking Changes

Features

Bug Fixes

Authors: 9

v4.7.0

2 years ago

Release Notes

Tabs Component

Added functionality to allow the tabs "More" label to be automatically translated with the use of the t() function From #2354

Added UX Mockups for the My Quick Links component Form #2301

Optimized Campaign Landing Pages

Fixed a bug that prevented the footer links from appropriately wrapping on mobile From #2341

Misc

Features

Docs

Authors: 7

v4.6.2

2 years ago

Misc

Features

Authors: 3

v4.6.1

2 years ago

Misc

Features

Bug Fixes

Authors: 2

v4.6.0

2 years ago

Release Notes

Code Snippet Component

Rebuild Code Snippet component with several new features, drop web-component support. From #2317

Form Component

Added support for passing attributes to each form select option. From #2336

Listing Teaser Component

Raised the signifier link above headline link. Listing Teaser Component now supports multiple linking options; direct linking and opening a modal from the signifier. From #2326

Visual changes

Banner with status "information" are now light blue with dark blue text. Previously they were white with black text. From #2339

Form Component

Form inputs with label "before" the field (not floating inside) will no longer shift in height when they get focus. From #2317

Misc

Features

Bug Fixes

Docs

Authors: 5

v4.5.1

2 years ago

Misc

Authors: 1

v4.5.0

2 years ago

Release Notes

Twig

Support for twig 2 added. From #2258

Icon Component

This component is now deprecated, please use the Icon Element. From #2308

Icon Element

A new custom_icon_path was added to make it possible to render the icon element by Twig usage. From #2325

Image Component

This component is now deprecated, please use the Image Element. From #2322

Headline Component

Replaced the Link Component with the Text Link Element. From #2319

Optimized Campaign Landing Pages

Added a preview image chip and re-order preview and checklist in mobile view From #2327

Patternlab Documentation

Added information about twig file name on schema section. From #2316

Visual changes

Icon Element

  • Icons in several components may now appear slightly larger than before where the "component" version of Icon was replaced with the "element" version. See description in #2320 for complete list of components changed.
  • Chevron icons are slightly bigger than component version (~1px). Very minor change but it enhances the balance between text and icon when the chevrons are used in elements such as Text Links.
  • Yellow icon color is one shade darker.

Misc

Features

Docs

Authors: 9

v4.4.0

2 years ago

Release Notes

Optimized Campaign Landing Page Mockups

Added the Optimized Campaign Landing Page docs pages From #2310

Teaser Component

Added new CTA to the Listing Teaser actions list on the bolt-teaser component and the best-of-content page. From #2312

Video Thumbnail Component

Added a title and chip prop From #2313

Page Footer

Refactored the Page Footer From #2278

Icon Element

New instructor icon added to From #2306

Visual Changes

Teaser Component

Action list is now aligned to the left. From #2303

Side Nav Component

Style and icon Updates From #2310

  • Top level links are now semibold.
  • Side Nav links and text will no longer hyphenate.
  • External Links now get a external icon

Button Element

Slightly increased the gap between button text and icon From #2314

Text Link Element

Slightly increased the gap between link text and icon From #2314

Mobile Header

In the global nav, top-level links are now black instead of dark navy when not selected. For example, on https://boltdesignsystem.com/pattern-lab/?p=components-page-header-example-main-site-with-subnav

Before: Screen Shot 2021-09-10 at 10 44 12 AM

After: Screen Shot 2021-09-10 at 10 44 24 AM

Misc

Features

Bug Fixes

Authors: 9

v4.3.0

2 years ago

Release Notes

Icon Component

This component is deprecated. From #2276

Bolt Logo Component

The Bolt Logo Component is deprecated, please use the image element. From #2293

Icon Element

Added the Icon Element. From #2276

Shape Element

Added the Shape Element. From #2276

Microjourneys

Removed Bolt-Button option from Micro Journey Editor. From #2294

Sass Variables

The indigo colour has been renamed to navy. From #2285 3 Sass variables are deprecated. From #2273

  • $bolt-transition-ease (replace with var(--bolt-transition-ease)),
  • $bolt-transition-timing (replace with var(--bolt-transition-timing))
  • $bolt-transition (replace with var(--bolt-transition))

Misc

Features

Authors: 9

v4.2.3

2 years ago

Release Notes

From #2304

Changed the color of the main navigation links from black to blue

Visual changes

On mobile, the header navigation links will now display black instead of blue.

Misc

  • Turned the nav links to black on the mobile header #2304 (@bolt-bot)

Authors: 1