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.
MIT License
Bot releases are hidden (Show)
Published by colbytcook over 2 years ago
From #2434
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.
Published by colbytcook over 2 years ago
Updated the page header utility section to the new designs based on the notification work. From #2300
pega-heath-shield
renamed to pega-health-shield
. This icon is not currently in use as far as we know. From #2424
customer-service
icon has been updated to match brand icon. The double chat bubbles are slightly different from before. From #2411
This component is now deprecated. Replace this with the new Ratio Element. From #2412
This component no longer wraps itself in an empty div. From #2418
customer-service
icon has been updated to match brand icon. The double chat bubbles are slightly different from before. From #2411
Published by colbytcook almost 3 years ago
Ratio Component
will be deprecated and replaced with the new Ratio Element
. From #2400
The Background Component now leverages the Image Element instead of the Image Component. From #2385 and #2387
Subheadline size options now match the Drupal Admin UI From #2390
Upgraded Stylelint to v14
. From #2391
Added the following mockups
Added a new Switch Button Component From #2382
Fixed bugs in the PL version selector From #2406
Updated the docs to make them more clear From #2379
Replaced the Image Component with a Image Element to provide a performance boost. From #2386
Added the Notification Profile View with the following additions. From #2386
text-align
behaviors in Tooltip Component to simplify the code and make the behavior more predictable.fill
prop is used, the image's display is set to block, which removes undesired white space from inline-block.Published by colbytcook almost 3 years ago
For step-by-step upgrade docs see https://github.com/boltdesignsystem/bolt/wiki/Upgrade-to-5.x.
Updated node to v14.18.1. From #2358
All instances of the Icon Component have been replaced with the Icon Element. From #2366
This component has been removed. From #2376
This component has been removed. From #2365
This component has been removed. From #2353
The following deprecated props have been removed: media.image
, media.icon
, media.video
, media.table
, and content
. From #2366
The following deprecated props have been removed: image
, and magnify
. From #2366
Bolt-theme()
mixin. From #2364
Icons may appear slightly larger in the following components:
@each
calls in scss #2344 (@cjwhitedev)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
Fixed a bug that prevented the footer links from appropriately wrapping on mobile From #2341
Published by colbytcook almost 3 years ago
Published by colbytcook about 3 years ago
Rebuild Code Snippet component with several new features, drop web-component support. From #2317
Added support for passing attributes to each form select option. From #2336
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
Banner with status "information" are now light blue with dark blue text. Previously they were white with black text. From #2339
Form inputs with label "before" the field (not floating inside) will no longer shift in height when they get focus. From #2317
Published by colbytcook about 3 years ago
Support for twig 2 added. From #2258
This component is now deprecated, please use the Icon Element. From #2308
A new custom_icon_path
was added to make it possible to render the icon element by Twig usage. From #2325
This component is now deprecated, please use the Image Element. From #2322
Replaced the Link Component with the Text Link Element. From #2319
Added a preview image chip and re-order preview and checklist in mobile view From #2327
Added information about twig file name on schema section. From #2316
Added the Optimized Campaign Landing Page docs pages From #2310
Added new CTA to the Listing Teaser actions list on the bolt-teaser
component and the best-of-content
page. From #2312
Added a title
and chip
prop From #2313
Refactored the Page Footer From #2278
New instructor
icon added to From #2306
Action list is now aligned to the left. From #2303
Style and icon Updates From #2310
Slightly increased the gap between button text and icon From #2314
Slightly increased the gap between link text and icon From #2314
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:
After:
This component is deprecated. From #2276
The Bolt Logo Component is deprecated, please use the image element. From #2293
Added the Icon Element. From #2276
Added the Shape Element. From #2276
Removed Bolt-Button option from Micro Journey Editor. From #2294
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)
)Published by colbytcook about 3 years ago