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 about 3 years ago
From #2297
Published by colbytcook about 3 years ago
Changes to schema https://github.com/boltdesignsystem/bolt/pull/2289:
flat
propalign_site_nav_items
propfull_width
propt-bolt-*
classes instead)Added Image Element. https://github.com/boltdesignsystem/bolt/pull/2105
Added Holy Grail Layout. https://github.com/boltdesignsystem/bolt/pull/2279
Removed the bolt-no-select
mixin. Use user-select: none;
instead. https://github.com/boltdesignsystem/bolt/pull/2280
Minor changes to <kbd>
and <code>
element style https://github.com/boltdesignsystem/bolt/pull/2277:
<kbd>
is slightly smaller due to reduced padding.<code>
font-size is now relative to its parent container, may appear slightly larger or smaller depending upon where it's used.Published by colbytcook about 3 years ago
Published by colbytcook about 3 years ago
Published by colbytcook about 3 years ago
Published by colbytcook about 3 years ago
calc
optimizations #2282 (@danielamorse)Changes to Card "action" style (buttons/links in Card footer) #2256:
Published by colbytcook over 3 years ago
Published by colbytcook over 3 years ago
Published by colbytcook over 3 years ago
4.0 contains breaking changes to the Navbar component. These are the most common changes you will have to make:
<bolt-sticky>
. Navbar is now sticky by default and handles its own top offset.items
no longer contains structured data. Pass renderable content to the items
prop. See docs for reference.title.text
renamed to title.content
title.hide_title
renamed to title.hide_text
title.url
moved to title.link.attributes.href
active
renamed to current
Less common changes:
theme: false
removed, use theme: 'none'
insteadmoreText
removed, hardcoded to "More" (still translated)content
prop added for optional custom content that replaces title
and links
templatesspacing
prop addedFor full documentation and demos, see Navbar docs.
borderRadius
renamed to border_radius
. You must use border_radius
starting in Bolt 4.0. #2229Replacing Button and Link components is not required for the 4.0 upgrade, but it is strongly recommended you do this ASAP. The Button and Link component docs contain tips on how to make the conversion. Also, see Button (element) and Text Link (element) docs for more info.
QA regression testing:
Button and Link "components" will be replaced with "elements". This will not happen automatically with the 4.0 upgrade. Each property will convert Buttons and Links manually. As this conversion happens, you will notice slight differences in the "element" version of Button and Link:
The following icon names have been deprecated, please update to the new names (#2178):
discussions
renamed to pega-chat-typing
questions
renamed to pega-chat-question
healthcare
renamed to pega-healthcare
Card borderRadius
prop deprecated for border_radius
. #2206
The following icons have slight visual updates (#2178):
discussions
/pega-chat-typing
stroke is now thinner to match new brand iconsquestions
/pega-chat-question
stroke is now thinner to match new brand iconshealthcare
/pega-healthcare
is converted to the new brand iconPublished by colbytcook over 3 years ago
Published by colbytcook over 3 years ago
Published by colbytcook over 3 years ago
Published by colbytcook over 3 years ago
From #2193
[on-click]
/[on-click-target]
method of toggling a modal is deprecated. Instead use [data-bolt-modal-target]
. See the docs for more info.From #2189
overlay
prop deprecated in favor of opacity
shapeGroup
prop deprecated in favor of shape_group
shapeAlignment
prop deprecated in favor of shape_alignment
fillColor
prop deprecated in favor of fill_color
focalPoint
prop deprecated in favor of focal_point
contentItems
prop deprecated in favor of content_items
From #2173
N/A
From #2147
<table>
elements will now be styled very closely to <bolt-table>
(see table docs). There should be no more flash of unstyled tables on Community.items
display #2046 ([email protected] @mikemai2awesome @remydenton @danielamorse)min-indent
error #2170 (@danielamorse)Published by colbytcook over 3 years ago
this.defaultProps
#2184 (@danielamorse)