Releases: boltdesignsystem/bolt
v5.0.0
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
Dropdown Component
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
- Release v5.0.0 #2378 (@cjwhitedev @danielamorse [email protected] @bolt-bot @colbytcook @mikemai2awesome [email protected])
Features
- DS-395 [Remove] "bolt-theme()" Deprecated #2364 ([email protected] @bolt-bot)
- DS-344: [Remove] Bolt Video Component #2376 (@bolt-bot @danielamorse)
- DS-667 Individual icon JS imports #2369 (@danielamorse)
- DS-654: Check all
@each
calls in scss #2344 (@cjwhitedev) - Icon replacement #2368 (@danielamorse @bolt-bot @colbytcook @cjwhitedev @mikemai2awesome)
- DS-631: Replace Remaining Icons #2366 (@cjwhitedev @bolt-bot @danielamorse)
- DS-640 Upgrade npm-sass, node-sass #2367 (@danielamorse)
- DS 274 Remove bolt dropdown component #2365 ([email protected] [email protected] @MarcinMr)
- DS-666 Update Icon docs #2361 (@danielamorse @bolt-bot)
- Updated node to v14.18.1 #2358 (@bolt-bot)
- DS-598 Icon build task #2359 (@danielamorse @bolt-bot)
- Ds 585 Remove Crop Object #2352 ([email protected] @MarcinMr)
- DS 586 Remove Island Object #2351 ([email protected] @bolt-bot)
- DS-564 Remove Block List Component #2353 (@bolt-bot [email protected] @colbytcook @mikemai2awesome @danielamorse)
Bug Fixes
- Fix missing icons #2371 (@danielamorse)
Authors: 9
- @colbytcook
- Bolt Bot (@bolt-bot)
- CJ White (@cjwhitedev)
- Dan Morse (@danielamorse)
- Marcin (@MarcinMr)
- Mike Mai (@mikemai2awesome)
- Morse ([email protected])
- Mroczko ([email protected])
- Mroczko ([email protected])
v4.7.0
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
My Quick Links
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
- Release v4.7.0 #2375 ([email protected] @mikemai2awesome @bolt-bot @danielamorse @colbytcook)
Features
- DS-565 My Quick Links 2.0: Manage My Quick Links page (UX Mockup) #2301 ([email protected] @mikemai2awesome @bolt-bot)
- DS-662 Pega.com security feedback #2357 ([email protected] @bolt-bot)
- Update chromedriver #2363 (@danielamorse)
- DS-656: Translatable Tabs "More" Label #2354 (@bolt-bot)
- Feat: Clean up Bolt intro CLI output #2360 (@danielamorse)
- DS 653 Update icon element HTML demos #2345 ([email protected] @mikemai2awesome)
- Typos and README Fixes #2355 (@bolt-bot @mikemai2awesome)
- OCLP Footer Link Behavior #2341 (@bolt-bot)
- Fix: refine neutral gray colors #2350 (@mikemai2awesome)
- DS 601 shorthand template prune #2330 ([email protected] @bolt-bot)
Docs
- DS-647 Academy Doc Pages Move #2370 ([email protected] @bolt-bot)
Authors: 7
- @colbytcook
- Bolt Bot (@bolt-bot)
- Dan Morse (@danielamorse)
- Mike Mai (@mikemai2awesome)
- Mroczko ([email protected])
- Mroczko ([email protected])
- Mroczko ([email protected])
v4.6.2
Misc
- Hotfix v4.6.2 #2374 (@bolt-bot @danielamorse @mikemai2awesome)
- DOCS-189: Fix Code Snippet bugs when used inside Table component #2373 (@danielamorse)
Features
- Fixed a markup error on the teaser component #2372 (@bolt-bot @mikemai2awesome)
Authors: 3
- Bolt Bot (@bolt-bot)
- Dan Morse (@danielamorse)
- Mike Mai (@mikemai2awesome)
v4.6.1
Misc
- Hotfix v4.6.1 #2349 (@danielamorse @bolt-bot)
- Hotfix: DS-658 Fix default banner style #2346 (@danielamorse)
Features
Bug Fixes
- fix: make Image element public #2348 (@danielamorse)
Authors: 2
- Bolt Bot (@bolt-bot)
- Dan Morse (@danielamorse)
v4.6.0
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 Component
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
- Release v4.6.0 #2343 (@danielamorse @mikemai2awesome [email protected] @bolt-bot @colbytcook)
- DS-623: Brightcove Additions #2340 (@bolt-bot)
- Hotfix: DS-649 Navbar schema key name #2337 (@danielamorse)
- DS-629 Remove Code Snippet WC usage in PL #2333 ([email protected] @danielamorse)
- DS 614 Clean up patternlab quotes #2321 ([email protected] @bolt-bot)
Features
- DS-619 Add support for attributes to each form select option #2336 ([email protected] @bolt-bot)
- DS-648 Update "information" banner colors #2334 (@danielamorse)
- DS-468 Fix input height on focus #2339 (@danielamorse)
- Code snippet rebuild #2335 (@danielamorse @mikemai2awesome [email protected])
- DS-483 Code Snippet rebuild #2317 (@danielamorse @mikemai2awesome)
Bug Fixes
- COM-707 Raise signifier link above headline link #2326 (@mikemai2awesome)
Docs
- Nuke obsolete docs #2332 (@mikemai2awesome @bolt-bot)
Authors: 5
- @colbytcook
- Bolt Bot (@bolt-bot)
- Dan Morse (@danielamorse)
- Mike Mai (@mikemai2awesome)
- Mroczko ([email protected])
v4.5.1
Misc
- Hotfix: DS-649 Navbar schema key name (take 2) #2338 (@danielamorse)
Authors: 1
- Dan Morse (@danielamorse)
v4.5.0
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
- Release v4.5.0 #2329 (@remydenton [email protected] @danielamorse @bolt-bot @cjwhitedev @adamszalapski @colbytcook @mikemai2awesome)
Features
- Twig 2 upgrade (Drupal 9 compatibility) #2258 (@remydenton @bolt-bot)
- WWW-920 Add preview image chip and re-order preview and checklist in mobile view #2327 (@mikemai2awesome @bolt-bot)
- DS-609 Custom icon workflow #2325 ([email protected] @bolt-bot)
- DS-594 Replace component-icons in Elements and Components #2320 (@cjwhitedev @mikemai2awesome @danielamorse @bolt-bot)
- Update chromedriver #2328 (@danielamorse)
- DS-391 Image documentation #2322 ([email protected] @MarcinMr)
- DS-409 Update plop component generator #2292 ([email protected] @danielamorse @bolt-bot @cjwhitedev @adamszalapski)
- DS-600 Replace Link in Headline Component #2319 (@cjwhitedev)
- DS-593 Patternlab Icon Element Update #2308 ([email protected] @remydenton @bolt-bot)
- DS-610: Remove fill attribute from all twig versions of icons #2315 (@adamszalapski @bolt-bot)
- DS-582 Add information about twig file name on schema section #2316 (@adamszalapski @bolt-bot)
Docs
- Fix: layout demo typos #2324 (@mikemai2awesome)
Authors: 9
- @colbytcook
- Adam Szałapski (@adamszalapski)
- Bolt Bot (@bolt-bot)
- CJ White (@cjwhitedev)
- Dan Morse (@danielamorse)
- Marcin (@MarcinMr)
- Mike Mai (@mikemai2awesome)
- Mroczko ([email protected])
- Rémy Denton (@remydenton)
v4.4.0
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
Misc
- Release v4.4.0 #2318 ([email protected] @mikemai2awesome @remydenton @bolt-bot @colbytcook @danielamorse @cjwhitedev)
Features
- DS-529: Pega.com: Add 'Download slides' CTA to PW Replays "Best Of" cards #2312 ([email protected] @bolt-bot @mikemai2awesome @danielamorse)
- DS-603 and DS-611 docs layout enhancements #2303 (@mikemai2awesome)
- DS-599: Optimized Campaign Landing Page #2310 (@bolt-bot @mikemai2awesome)
- WWW-960: mobile nav top link color #2314 (@remydenton @mikemai2awesome)
- WWW-920: add title and chip to video-thumbnail #2313 (@cjwhitedev @mikemai2awesome)
- DS-520 Refactor Page Footer component #2278 ([email protected] @mikemai2awesome @bolt-bot @remydenton)
- Upgrade chromedriver #2309 (@danielamorse)
- DS-262: Bolt Icon Performance review #2307 (@bolt-bot)
- DS-596: Upload new Instructor icon to main Bolt Library #2306 ([email protected] @MarcinMr)
Bug Fixes
- Fix read-only repo publishing #2298 (@remydenton)
Authors: 9
- @colbytcook
- Bolt Bot (@bolt-bot)
- CJ White (@cjwhitedev)
- Dan Morse (@danielamorse)
- Marcin (@MarcinMr)
- Mike Mai (@mikemai2awesome)
- Mroczko ([email protected])
- Mroczko ([email protected])
- Rémy Denton (@remydenton)
v4.3.0
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 withvar(--bolt-transition-ease)
),$bolt-transition-timing
(replace withvar(--bolt-transition-timing)
)$bolt-transition
(replace withvar(--bolt-transition)
)
Misc
- Release v4.3.0 #2305 (@bolt-bot @adamszalapski [email protected] @cjwhitedev @mikemai2awesome @danielamorse @remydenton @colbytcook)
- Fix: typo on theming system doc #2296 (@mikemai2awesome)
Features
- DS-501 Create Icon and Shape elements #2276 (@bolt-bot [email protected] @mikemai2awesome @danielamorse)
- DS-501: Add icon SVGs and Twig files #2302 (@danielamorse)
- WWW-793: Closed captioning default display issues #2248 (@bolt-bot)
- DS 557 Deprecate status blue and typo fix #2285 ([email protected] @mikemai2awesome)
- DS-329 Remove Button from Micro Journey Editor #2294 (@cjwhitedev @danielamorse)
- DS-408: Convert yeoman to plop alternative #2274 (@adamszalapski @bolt-bot @danielamorse)
- DS-558 Deprecate color indigo #2287 ([email protected] @MarcinMr)
- DS-584: Deprecate Logo #2293 (@cjwhitedev)
- DS 578 Update patternlab with image element #2288 ([email protected] @MarcinMr)
- DS-556 Convert $bolt-transition to CSS var #2273 ([email protected] @MarcinMr)
Authors: 9
- @colbytcook
- Adam Szałapski (@adamszalapski)
- Bolt Bot (@bolt-bot)
- CJ White (@cjwhitedev)
- Dan Morse (@danielamorse)
- Marcin (@MarcinMr)
- Mike Mai (@mikemai2awesome)
- Mroczko ([email protected])
- Rémy Denton (@remydenton)