bolt

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

Downloads
956
Stars
293
Committers
45
View Code on GitHub Visit Website
Ecosystems: Webpack, Preact.js, Drupal, Web Components

Bot releases are hidden (Show)

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.2.2

Published by colbytcook about 3 years ago

Release Notes

From #2297

Visual changes

  1. Page header desktop top level links are now black
  2. Page header view-all links are slightly smaller

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.2.1

Published by colbytcook about 3 years ago

Misc

Authors: 2

bolt -

Published by danielamorse about 3 years ago

Release Notes

Page Header

Changes to schema https://github.com/boltdesignsystem/bolt/pull/2289:

  • nav li template: added flat prop
  • nav ul template: removed obsolete props
  • primary nav template: added align_site_nav_items prop
  • main template: added full_width prop
  • main template: removed theme prop (use appropriate t-bolt-* classes instead)

Image

Added Image Element. https://github.com/boltdesignsystem/bolt/pull/2105

Holy Grail Layout

Added Holy Grail Layout. https://github.com/boltdesignsystem/bolt/pull/2279

Mixins

Removed the bolt-no-select mixin. Use user-select: none; instead. https://github.com/boltdesignsystem/bolt/pull/2280

Visual Changes

Global styles

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.

Misc

Features

Bug Fixes

Authors: 8

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.8.3

Published by colbytcook about 3 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.8.2

Published by colbytcook about 3 years ago

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.0.3

Published by colbytcook about 3 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.1.1

Published by colbytcook about 3 years ago

Misc

Authors: 1

bolt -

Published by colbytcook over 3 years ago

Release Notes

Button Group

  • The Button Group component is deprecated. Replace with List component. #2263

Visual changes

Card

Changes to Card "action" style (buttons/links in Card footer) #2256:

  • Card "action" has slightly larger font-size for accessibility purposes.
  • Card "action" on hover has underline instead of just changing color.

Carousel

  • Carousel buttons have slightly larger font-size. #2245

Misc

Features

Bug Fixes

Docs

Authors: 10

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.0.2

Published by colbytcook over 3 years ago

Misc

Bug Fixes

Authors: 2

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.8.1

Published by colbytcook over 3 years ago

Misc

Authors: 2

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v4.0.1

Published by colbytcook over 3 years ago

Misc

Bug Fixes

Authors: 1

bolt -

Published by danielamorse over 3 years ago

Release Notes

Navbar

4.0 contains breaking changes to the Navbar component. These are the most common changes you will have to make:

  • Don't put Navbar inside <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' instead
  • moreText removed, hardcoded to "More" (still translated)
  • content prop added for optional custom content that replaces title and links templates
  • spacing prop added

For full documentation and demos, see Navbar docs.

Card

  • borderRadius renamed to border_radius. You must use border_radius starting in Bolt 4.0. #2229

Button and Link

  • Button and Link components are deprecated. They will be removed in a future major release. You should replace Button and Link components with their "element" counterpart, Button (element) or Text Link (element).

Replacing 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.

Visual changes

Navbar

  • Navbar "current" item indicator no longer slides horizontally. It fades in-out.
  • Navbar overflow ("More") menu no longer slides down. It fades in-out.

QA regression testing:

  • Verify navbars "stick" at the expected position, just below the page header
  • Verify in-page links scroll to the expected position
  • Verify going to a page with a hash in the URL scrolls to the expected section (see example)
    • Note that visiting such a page, scrolling up or down, and then refreshing can cause the native browser "scroll restoration" to interfere with the scroll-to-section behavior. Open these links in a new window to test.

Button, Link

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:

  • Button "element" has slightly larger font-size
  • Text Link "element" has new underline animation on hover. Opacity does not change on hover or any other state.

Breaking Changes

Features

Docs

Misc

  • Temporarily disable auto releases from release/4.x branch (@remydenton)

Authors: 5

bolt -

Published by colbytcook over 3 years ago

Release Notes

Icons

The following icon names have been deprecated, please update to the new names (#2178):

  1. discussions renamed to pega-chat-typing
  2. questions renamed to pega-chat-question
  3. healthcare renamed to pega-healthcare

Card

Card borderRadius prop deprecated for border_radius. #2206

Visual changes

Icons

The following icons have slight visual updates (#2178):

  1. discussions/pega-chat-typing stroke is now thinner to match new brand icons
  2. questions/pega-chat-question stroke is now thinner to match new brand icons
  3. healthcare/pega-healthcare is converted to the new brand icon

Misc

Features

Bug Fixes

Authors: 5

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.7.1

Published by colbytcook over 3 years ago

Misc

Authors: 2

bolt -

Published by colbytcook over 3 years ago

Release Notes

Share

  • Able to pass in data attributes to the share component for custom functionality #2204

Visual Changes

Chips

  • Chips have a slightly different style on hover. Text is darker and underlined, background is lighter. See new version compared to old version. #2207
  • Chips also have a box-shadow that will make the border appear more prominent on darker backgrounds.

Misc

Features

Bug Fixes

Authors: 4

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.6.3

Published by colbytcook over 3 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.6.2

Published by colbytcook over 3 years ago

Misc

  • WWW-745: Allow attributes to be passed from share to copy to clipboard #2214 (@remydenton)

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.6.1

Published by colbytcook over 3 years ago

Release Notes

From #2209

Able to pass in data attributes to the share component for custom functionality

Misc

Authors: 1

bolt -

Published by danielamorse over 3 years ago

Release Notes

From #2193

  • The [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

Visual changes

From #2147

  • Previously unstyled <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.

Misc

Features

Bug Fixes

Docs

Authors: 9

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v3.5.4

Published by colbytcook over 3 years ago

Misc

Authors: 1

Package Rankings
Top 6.73% on Proxy.golang.org
Top 6.96% on Npmjs.org
Related Projects
web-component-designer

A Designer for HTML Components or Pages in a WebComponent

22 Oct 2019 143
patternfly-elements

PatternFly Elements. A set of community-created web components based on PatternFly design.

04 Jan 2018 377
component-template

Template for kicking off a new Web Component

08 Dec 2023 40
stencil-with-maximilian

Web Components & Stencil.js

26 Apr 2024 0
webcomponents

Monorepo of webcomponents and associated microservice apis

25 Sep 2018 243
material-web-components-react

Material Web Components for React ⚛

25 Jun 2024 22
m-

The modern web's design system.

04 Dec 2019 300
stencil-component-starter

Minimal starter project for building shareable web components with Stencil

15 Sep 2017 271
d3-web-components

Defines the ‹d3-force-graph› element, a force directed graph, that layouts HTML and SVG as nodes

25 Feb 2019 3
custom-elements

A list of my Custom Elements (Web Components) and some useful links with related material.

13 Apr 2022 7
material-web

Material Design Web Components

27 Mar 2018 9,239
bulma-stenciljs

Stencil web component with Bulma CSS

23 Dec 2021 3
blueprintui

Accelerate your development with flexible UI components and tools that work everywhere.

13 Aug 2015 310
web_components

WebCraftery’s Web Components is a comprehensive collection of responsive, mobile-friendly web com...

10 Aug 2024 3
11ty-web-component-generator

Use the power of 11ty to generate web components (custom elements).

14 Oct 2020 55