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.7.1

1 year ago

Misc

Features

Authors: 2

v5.7.0

1 year ago

Release Notes

Bare List Object

  • Deprecated. Use the utility class u-bolt-bare-list. From #2526

Wrapper Object

  • Deprecated. Use the new Bolt Wrapper Element or e-bolt-wrapper class From #2522

Inline List Object

  • Deprecated. Use the Bolt component Bolt List Component. From #2515

UI List Object

  • Deprecated. Use the Bolt component Bolt List Component. From #2516

Grid Object

Flag Object

Deprecated. Use the Bolt Layout with the template: 'flag' option whenever needed.

Misc

Features

Bug Fixes

Authors: 8

v5.4.1

1 year ago

Misc

Features

Authors: 2

v5.6.0

1 year ago

Release Notes

Type element

  • Release a new element that will eventually replace the Text Component and Headline Components From #2415

Teaser Component From #2490

  • Added a "Card" display option to the Teaser Component
  • New prop variant with enum: 'card', 'transparent' was added.
  • Prop type was deprecated.
  • Video Thumbnail should be used when creating a teaser opening video modal

Teaser Listing Component From #2486

  • The separator between eyebrows is now a dash symbol -.
  • The separator between breadcrumbs is now a chevron symbol >
  • Text in the description is truncated to 2 or 3 lines depending on the breakpoint

Visual changes

Teaser Listing Component From #2486

  • The separator between eyebrows is now a dash symbol -.
  • The separator between breadcrumbs is now a chevron symbol >
  • Text in the description is truncated to 2 or 3 lines depending on the breakpoint

Misc

Features

Bug Fixes

Authors: 8

v5.5.0

1 year ago

Release Notes

Dialog

Dialog component is added. It is not ready for sites to use until Safari 15.4 adoption improves. From #2492

Icon

The "Chevron-down" icon is replaced with the "More" icon. From #2485

Headline

  • numberText prop is depracated (please use number_text),
  • numberColor prop is deprecated (please use number_color) ,
  • purple color was replaced with violet

From #2484

Floating Action Buttons

New component named Floating Action Buttons added. From #2423

Visual changes

Headline

Purple background color var(--bolt-color-berry) of the headline number is replaced by violet background color var(--bolt-color-violet). From #2484

Icon

Icon-only button with size set to small renders smaller icon now. Overall button size is not affected. From #2423

Misc

Features

Bug Fixes

Authors: 10

v5.4.0

2 years ago

Release Notes

From #2449

Resolved expected behavior for page header menu to close when clinking an on-page anchor link.

From #2462

The ordered (<ol>) list has new level indicators for nested items.

Visual changes

The ordered list uses decimal, alphabetical and roman numbers for the nested items for any free-form content areas.

Misc

Features

Bug Fixes

Docs

Authors: 9

v5.3.1

2 years ago

Misc

Authors: 1

v5.3.0

2 years ago

Release Notes

Video Thumbnail Component

  • Video Thumbnail Component now has a inline video option. From #2451
  • Added a video.subtitles property to the Video Thumbnail components. This property will render a subtitles icon with a "Subtitles available" tooltip to a video thumbnail component. From #2451
  • Added a video property to the Video Thumbnail components. This property will give a content author the ability to play videos inline. From #2451

Form Component

Added a method to handle two column column. From #2453

Tooltip Component

New aria_type property on bolt-tooltip. From #2443

Icon Component

Added a subtitles icon. From #2446

Animation Tool Set

Introduced a new animation suite that will allow for class based micro animations to be placed on design system elements. From #2428

PHP

Updated PHP to version 8. From #2454

Accessibility

  • Modify page-header keypress interaction. From #2452
  • Added a button label to the search input. From #2457

Visual changes

Any modal that has width set to regular now has a max-width of 1400px. This means the modal width will not get wider than 1400px. For modals that require going beyond that max-width, use width: full instead.

Misc

Features

Bug Fixes

Authors: 10

v5.2.4

2 years ago

Misc

Authors: 1

v5.2.3

2 years ago

Misc

Authors: 2