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 sghoweri about 6 years ago
(none)
Fix copy to clipboard reset in IE 11
Published by sghoweri about 6 years ago
Published by sghoweri about 6 years ago
Massive Webpack speed improvements (especially on subsequent saves after the initial bootup)
Hot module reloading
~10x faster Sass compiles
Brand new theming system building off of the best ideas from the 1st iteration, but with much, much better IE 11 support! https://github.com/bolt-design-system/bolt/pull/827
New @bolt/components-critical-css-vars
loader that asynchronously loads up fallback CSS created for browsers without support for CSS Variables
Very first component-level end-to-end integration tests added for the Brightcove Video player in Chrome and IE 11 — testing being done via NightwatchJS and Sauce Labs
Updated the chip component to use new theming system https://github.com/bolt-design-system/bolt/pull/839
Updated the pagination component to use the new theming system https://github.com/bolt-design-system/bolt/pull/838
Updated the Bolt now.sh deployment script to now point everything at the main boltdesignsystem.com domain moving forward. https://github.com/bolt-design-system/bolt/pull/841
font-weight
mixinfont-size
mixinfont-family
mixinpalette
mixinclearfix
mixinbutton-color
mixinrespond-to
mixinMedium
theme option removed from the Band and Card componentsBoltComponent
to withHyperHTML
to more clearly spell out how that component renderer renders out components + match naming convention already in place with our withPreact
custom component rendererreplace-with-children
into a new elements
folder that ships with Bolt core and removes it from the Bolt button componentpreact-html
dependency over to the code snippet component, the only place it’s currently getting usedPublished by sghoweri about 6 years ago
@bolt/build-tools
https://github.com/bolt-design-system/bolt/commit/92255f6f74477ce8161d97a0392de752f4703224
iconOnly
and rounded
config options https://github.com/bolt-design-system/bolt/pull/869
width
config option added to the Navbar componentBefore and After:
Note: this latest beta also includes all Bolt updates slated for the next v1.x release: https://github.com/bolt-design-system/bolt/pull/862 which further includes:
Note: does not yet include @breakpoint-specific rules
itemAligment
property of button component are deprecated and will be removed in Bolt 2.0. Use the align
property instead. #859left
and right
values for the align
property of the button component are deprecated and will be removed in Bolt 2.0. Use start
and end
instead. #859Published by sghoweri about 6 years ago
Published by remydenton about 6 years ago
This is a hotfix release. It includes one high priority fix discovered during integration:
--config-file
option #907Published by sghoweri about 6 years ago
row_start
Grid Item position for the main content
area. #905A new
content_row_start
config option has also been added to allow this automatic row placement to be overriden in advanced use cases.
color
prop #904Extra huge shoutout to @margoromo, @mikemai2awesome, @remydenton, and @EvanLovely for the tremendous help getting this next Bolt Design System release out the door! 🎉
Published by sghoweri about 6 years ago
Note: these updates are part of the broader updates in the main v2.1.0 release
Published by sghoweri about 6 years ago
New https://boltdesignsystem.com/ site redesign
<bolt-grid>
component, which is now internally used inside all Band components by default.Besides the new component-level Twig templates added, this initial release of the new Grid component also includes:
New schema docs for the <bolt-grid>
and the <bolt-grid-item>
components
3 separate demos of the new Grid component used in combination with the Share component (demonstrating the different ways data can get passed along)
items
field + Twig Embed:content
and items
fields:items
field:The initial round of CSS styling (to include IE 11+ support)
And a new standalone Grid example in Pattern Lab to help demonstrate the powerful capabilities (even this early on) this new Grid component will be providing the design system moving forward.
copy-to-clipboard
component to make it cleaner and more flexible #879size
prop has been added to control text and icon size, and spacing. See schema for details.opacity
prop has been added to control the initial transparency of the share tool. See schema for details.Updated schema can be seen at /pattern-lab/?p=components-copy-to-clipboard-docs.
Note that copy-to-clipboard is used within the share component, so these updates apply to usages of share as well.
iconSize
property is deprecated and will be removed in the next major version of Bolt. Use the new custom_trigger
, custom_transition
, and custom_confirmation
properties if you need to change icon size.copiedText
property is deprecated and will be removed in the next major version of Bolt. Use the new custom_confirmation
property if you need to change the confirmation text.text
property has been renamed trigger_text
. The text
property is deprecated and will be removed in the next major version of Bolt.url
property has been renamed text_to_copy
. The url
property is deprecated and will be removed in the next major version of Bolt.copyToClipboard
prop has been renamed copy_to_clipboard
. The copyToClipboard
property is deprecated and will be removed in the next major version of Bolt.
copy_to_clipboard
has changed as well, as noted above.inline
prop has been removed due to the button variation of the Share Component not being utilized.This release also includes the massive number of updates and updates that were included in the past four beta releases of Bolt v2.0!
Extra huge shoutout to the team for the tremendous amount of hard work, thoughtfulness, and attention to detail that went into making this major milestone of the Bolt Design System possible. Onward! 🎉
CC @charginghawk @christophersmith262 @EvanLovely @joekarasek @krlucas @margoromo @MattNagy @mikemai2awesome @namtheho @remydenton @rockymountainhigh1943 @semiuniversal @theSadowski
Published by sghoweri over 6 years ago
.woff2
fonts are once again prioritized and loaded first if supported (with .woff
files only loaded as a fallback)Share Component: Share text is now editable, style improvements: http://vjira2:8080/browse/BDS-366
Smooth Scroll Component: Offset behavior can now be set dynamically http://vjira2:8080/browse/WWWD-2288
Code Snippet Component: Improved cross browser support + much more consistent styling; JavaScript syntax highlighting support added
Navbar Component: Remove navlink focus state when clicking anchor links - http://vjira2:8080/browse/BDS-412
Build Tools: Improvements to schema validation coverage + tighter integration with Bolt's build tools BDS-369
Bolt Icon Component: Updated the Bolt icon docs to include info + examples on customizing an icon's background color, shape color and background opacity; brand-operations
icon added
Form Input + Input Icon: Icon position is now calculated based on spacing scale; Icon background color now matches its specific states coloring (invalid, disabled, etc.)
Language-specific CSS / JS Builds: Bolt's build tools now support compiling language-specific CSS and JS bundles, at the same time! Need to
Language-specific CSS / JS Builds: Bolt's build tools now support compiling language-specific CSS and JS bundles -- separate builds are no longer required when testing out the same page with language-optimized CSS and JS builds
This is a combined effort of @rockymountainhigh1943, @remydenton, and Mike. The following enhancements are added to pagination.
So long breakpoint-sass, hello @bolt-mq
(based on the awesome sass-mq library from The Guardian)!
@bolt-mq
syntax now can handle min-width, max-width, min-max ranges, and custom breakpoint sizes that aren't predefined in the design system.@respond-to
Sass Mixin Deprecatedrespond-to
is now deprecated (mapped to the new bolt-mq functionality) and will be removed in Bolt v2.0.@respond-to
Sass mixin now throws a deprecation warning when used in Bolt v1.6.0+Mobile 3G:
Desktop:
Package Changes:
- @bolt/components-action-blocks: 1.5.2 => 1.6.0
- @bolt/components-background-shapes: 1.5.2 => 1.6.0
- @bolt/components-background: 1.5.2 => 1.6.0
- @bolt/components-band: 1.5.2 => 1.6.0
- @bolt/components-block-list: 1.5.2 => 1.6.0
- @bolt/components-blockquote: 1.5.2 => 1.6.0
- @bolt/components-breadcrumb: 1.5.2 => 1.6.0
- @bolt/components-button-group: 1.5.2 => 1.6.0
- @bolt/components-button: 1.5.2 => 1.6.0
- @bolt/components-card: 1.5.2 => 1.6.0
- @bolt/components-chip-list: 1.5.2 => 1.6.0
- @bolt/components-chip: 1.5.2 => 1.6.0
- @bolt/components-code-snippet: 1.5.2 => 1.6.0
- @bolt/components-copy-to-clipboard: 1.5.2 => 1.6.0
- @bolt/components-critical-fonts: 1.5.2 => 1.6.0
- @bolt/components-device-viewer: 1.5.2 => 1.6.0
- @bolt/components-dropdown: 1.5.2 => 1.6.0
- @bolt/components-figure: 1.5.2 => 1.6.0
- @bolt/components-form: 1.5.2 => 1.6.0
- @bolt/components-headline: 1.5.2 => 1.6.0
- @bolt/components-icon: 1.5.2 => 1.6.0
- @bolt/components-icons: 1.5.2 => 1.6.0
- @bolt/components-image: 1.5.2 => 1.6.0
- @bolt/components-link: 1.5.2 => 1.6.0
- @bolt/components-logo: 1.5.2 => 1.6.0
- @bolt/components-nav-indicator: 1.5.2 => 1.6.0
- @bolt/components-nav-priority: 1.5.3 => 1.6.0
- @bolt/components-navlink: 1.5.2 => 1.6.0
- @bolt/components-navbar: 1.5.2 => 1.6.0
- @bolt/components-ordered-list: 1.5.2 => 1.6.0
- @bolt/components-page-footer: 1.5.2 => 1.6.0 (private)
- @bolt/components-page-header: 1.5.2 => 1.6.0
- @bolt/components-pagination: 0.0.0 => 1.6.0
- @bolt/components-placeholder: 1.5.2 => 1.6.0
- @bolt/components-share: 1.5.2 => 1.6.0
- @bolt/components-site: 1.5.2 => 1.6.0
- @bolt/components-smooth-scroll: 1.5.2 => 1.6.0
- @bolt/components-sticky: 1.5.2 => 1.6.0
- @bolt/components-teaser: 1.5.2 => 1.6.0
- @bolt/components-text: 1.5.2 => 1.6.0 (private)
- @bolt/components-tooltip: 1.5.2 => 1.6.0
- @bolt/components-unordered-list: 1.5.2 => 1.6.0
- @bolt/components-video: 1.5.2 => 1.6.0
- @bolt/uikit-workshop: 1.0.0-alpha.5 => 1.6.0 (private)
- @bolt/core: 1.5.2 => 1.6.0
- @bolt/global: 1.5.2 => 1.6.0
- @bolt/build-tools: 1.5.1 => 1.6.0
- @bolt/drupal-lab-flash-theme: 1.5.2 => 1.6.0 (private)
- @bolt/website: 1.5.2 => 1.6.0 (private)
- @bolt/pattern-lab: 1.5.3 => 1.6.0 (private)
A HUGE thanks to the team -- @sghoweri, @theSadowski, @remydenton, @mikemai2awesome, @rockymountainhigh1943, and @joekarasek -- on all the hard work put into getting this latest Bolt release out the door. You guys rock 🎉
Bolt Navbar component updated
center
config optionBolt Nav Priority(priority+ nav) component added for handling responsive, resilient site navigation.
Heads up! This is used inside the existing Bolt Navbar Component (along with the new Bolt Nav Indicator component) and completely replaces the old
@bolt/components-nav
component.Sorry!! Naming things is really hard and we wanted to make sure we named these new components intuitively!
Bolt Video component updated with a more polished UI + upgraded demo examples in Pattern Lab
Bolt Code Snippet web component added for flexible, easy to use syntax highlighting.
@bolt
) @pl
Twig namespace to be super straightforward on what things are available from the design system and which things are being used internally.validate_data_schema
Twig function (used in all Bolt Twig templates with schemas defined) to now use schema data in-memory. This speeds up the compile time of Pattern Lab by over 50% locally and cut down the Travis CI build time by almost 100 seconds! BDS-969
// Updated validate_data_schema syntax:
{% if enable_json_schema_validation %}
{{ validate_data_schema(bolt.data.components['@bolt-components-button'].schema, _self) | raw }}
{% endif %}
validate_data_schema
Twig functionChanges:
- @bolt/components-action-blocks: 1.4.0 => 1.5.0
- @bolt/components-background-shapes: 1.4.1 => 1.5.0
- @bolt/components-background: 1.4.1 => 1.5.0
- @bolt/components-band: 1.4.4 => 1.5.0
- @bolt/components-block-list: 1.4.1 => 1.5.0
- @bolt/components-blockquote: 1.4.1 => 1.5.0
- @bolt/components-breadcrumb: 1.4.1 => 1.5.0
- @bolt/components-button-group: 1.4.0 => 1.5.0
- @bolt/components-button: 1.4.0 => 1.5.0
- @bolt/components-card: 1.4.0 => 1.5.0
- @bolt/components-chip-list: 1.4.1 => 1.5.0
- @bolt/components-chip: 1.4.1 => 1.5.0
- @bolt/components-code-snippet: 0.0.0 => 1.5.0
- @bolt/components-copy-to-clipboard: 1.4.0 => 1.5.0
- @bolt/components-critical-fonts: 1.4.1 => 1.5.0
- @bolt/components-device-viewer: 1.4.0 => 1.5.0
- @bolt/components-dropdown: 1.4.0 => 1.5.0
- @bolt/components-figure: 1.4.1 => 1.5.0
- @bolt/components-form: 1.4.0 => 1.5.0
- @bolt/components-headline: 1.4.1 => 1.5.0
- @bolt/components-icon: 1.4.0 => 1.5.0
- @bolt/components-icons: 1.4.0 => 1.5.0
- @bolt/components-image: 1.4.0 => 1.5.0
- @bolt/components-link: 1.4.0 => 1.5.0
- @bolt/components-logo: 1.4.1 => 1.5.0
- @bolt/components-nav-indicator: 1.5.0-beta.0 => 1.5.0
- @bolt/components-nav-priority: 1.5.0-beta.0 => 1.5.0
- @bolt/components-navlink: 1.5.0-beta.0 => 1.5.0
- @bolt/components-navbar: 1.5.0-beta.0 => 1.5.0
- @bolt/components-nav: removed
- @bolt/components-ordered-list: 1.4.1 => 1.5.0
- @bolt/components-page-footer: 1.4.0 => 1.5.0 (private)
- @bolt/components-page-header: 1.4.0 => 1.5.0
- @bolt/components-placeholder: 1.4.0 => 1.5.0
- @bolt/components-share: 1.4.1 => 1.5.0
- @bolt/components-site: 1.4.0 => 1.5.0
- @bolt/components-smooth-scroll: 1.4.1 => 1.5.0
- @bolt/components-sticky: 1.4.0 => 1.5.0
- @bolt/components-teaser: 1.4.1 => 1.5.0
- @bolt/components-text: 0.0.0 => 1.5.0 (private)
- @bolt/components-tooltip: 1.4.0 => 1.5.0
- @bolt/components-unordered-list: 1.4.1 => 1.5.0
- @bolt/components-video: 1.4.5 => 1.5.0
- @bolt/core: 1.4.0 => 1.5.0
- @bolt/global: 1.4.0 => 1.5.0
- @bolt/build-tools: 1.3.3 => 1.5.0
- @bolt/babel-preset-bolt: 1.2.1 => 1.5.0
- @bolt/drupal-lab-flash-theme: 1.4.1 => 1.5.0 (private)
- @bolt/website: 1.5.0-beta.0 => 1.5.0 (private)
- @bolt/pattern-lab: 1.5.0-beta.0 => 1.5.0 (private)
- @bolt/pw-site: 1.4.5 => 1.5.0 (private)
Published by sghoweri over 6 years ago
preventDefault
link behavior in smoothScroll JS via #658@bolt/build-tools
to allow JS components to import .yaml
data (ex. pulling in Yaml schemas to enable schema validation on the JavaScript side of things) via #655Thanks @joekarasek @charginghawk @mikemai2awesome @EvanLovely!
Published by sghoweri over 6 years ago
u-bolt-margin
utility class option which doesn't specify a specific size. Note: this will be removed in Bolt v2.x down the road.lint-staged
to speed up linting process -- only lints what files have changed<bolt-placeholder>
Web Component addedDropdown
component, kitchen sink demo addedicon.position
param has been normalized to now use the before
and after
config options out of consistency. Places where we had previously been using the left
and right
config options will still work however these will be removed in Bolt v2.x.quotes
, object-shorthand
and indent
rules)gray, dark
color palette colorshare1
and share2
icons have been removed (which are not believed to have been in use currently)blue
/ new
color palette colorThanks so much to @EvanLovely @joekarasek @rockymountainhigh1943 @theSadowski @charginghawk and @mikemai2awesome for their help getting this next release out the door! You guys rock! 🎉
Published by sghoweri almost 7 years ago
quoted
parametercircle
or square
backgrounds -- just make sure to be using an xlarge
icon size to see the new updates!background
optionquoted
headline optionPublished by sghoweri almost 7 years ago
Published by sghoweri about 7 years ago
Published by sghoweri about 7 years ago
Colors, headings, and atomic deployments oh my!
Full change log should be up shortly - stay tuned!