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 3 years ago
style
prop from button WC #2081 ([email protected] @danielamorse)Published by colbytcook almost 4 years ago
Published by colbytcook almost 4 years ago
From #2031
url
prop has been removed from the Text component. To create text link going forward, pass Text Link element into the text
prop.
From #2025
Add target option to bolt-teaser.
:host
and [attribute]
css #2057 (@mikemai2awesome)Published by colbytcook almost 4 years ago
From #2061
This is a preliminary release of 3.0
for testing purposes only, not ready for use on any property.
From #2031
url
prop has been removed from the Text component. To create text link going forward, pass Text Link element into the text
prop.
From #2025
Add target option to bolt-teaser.
From #1992
Rename any dependencies on @bolt/core
to @bolt/core-v3.x
. Remove any use of @bolt/components-critical-fonts
and @bolt/components-critical-css
.
:host
and [attribute]
css #2057 (@mikemai2awesome)Published by colbytcook almost 4 years ago
Fixed an icon height bug
Published by colbytcook almost 4 years ago
Published by colbytcook almost 4 years ago
From #2021
(Optionally, add details that will be added to the release notes. Use this to call out deprecations. Read more)
From #1984
The cite
prop in bolt-text
is deprecated and should be removed.
From #1980
The sass helper function mapWithDepth
was removed from Bolt Core. This was an internal function only used in bolt-ul, bolt-ol, and bolt-li components and should not have been in use externally.
update
to updateLayout
#1975 ([email protected] @danielamorse)From #1973
Deprecate "full" prop on Banner component.
From #1968
These are deprecated due to being off brand. Any existing icons set to blue, green, and white will be converted to auto
. Ones set to indigo will be converted to navy
.
Published by colbytcook about 4 years ago
From #1958
uuid
prop is deprecated on Accordion Item. I do not believe this prop is in use on any properties.
From #1961
From #1914
bolt-font-family
bolt-font-size
bolt-font-weight
bolt-line-height
$bolt-font-family-*
$bolt-font-size-*
$bolt-font-weight-*
$bolt-line-height-*
var(--bolt-type-font-family-*)
: [headline, body, code]var(--bolt-type-font-weight-*)
: [light, regular, semibold, bold]var(--bolt-type-font-size-*)
: [xxsmall ~ xxxlarge]var(--bolt-type-line-height-*)
: [xxsmall ~ xxxlarge]Note: font-size and line-height must be used in tandem. For example, small font-size needs to be paired with small line-height.
font-size: calc(var(--bolt-type-font-size-medium) + 0.05vw);
Note: all math with CSS custom properties must be done with calc()
.
From #1932
The @bolt/blueprints
NPM package has been removed. Templates previously found in Blueprints are now in Pages > Academy. @bolt/blueprints
has been removed as a dependency from the Academy project.
From #1934
bolt-margin
bolt-padding
bolt-margin-*
bolt-padding-*
bolt-spacing
bolt-v-spacing
Note: x
represents horizontal, y
represents vertical.
margin: var(--bolt-spacing-y-medium) var(--bolt-spacing-x-medium);
padding: var(--bolt-spacing-y-medium) var(--bolt-spacing-x-medium);
margin-top: var(--bolt-spacing-y-medium);
margin-right: var(--bolt-spacing-x-medium);
padding-top: var(--bolt-spacing-y-medium);
padding-right: var(--bolt-spacing-x-medium);
top: var(--bolt-spacing-y-medium);
right: var(--bolt-spacing-x-medium);
margin-top: calc(var(--bolt-spacing-y-medium) - 6px);
margin-right: calc(var(--bolt-spacing-x-medium) * 666);
From #1925
The following utility classes are no longer supported.
.u-bolt-height-xxsmall
.u-bolt-height-xsmall
.u-bolt-height-small
.u-bolt-height-medium
.u-bolt-height-large
.u-bolt-height-xlarge
.u-bolt-height-xxlarge
And their responsive options such as: .u-bolt-height-xxsmall@[breakpoint]
.
Published by colbytcook about 4 years ago
Published by colbytcook about 4 years ago
Published by colbytcook over 4 years ago
From #1878
image
prop is now deprecated. Use the new content
prop instead (pass a fully rendered image)magnify
prop is now deprecated. This feature will be removed in a future release. This functionality should instead be built using a modal as shown at https://boltdesignsystem.com/pattern-lab/?p=components-device-viewer-content-magnifier-modal
main.js
file with a chunkname; Add missing dependency #1898 (@relimck)Published by colbytcook over 4 years ago