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 - v5.9.2 Latest Release

Published by danielamorse over 1 year ago

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.9.1

Published by colbytcook almost 2 years ago

Misc

  • Update card media deprecation to check both src and attributes.src #2585 (@remydenton)

Authors: 1

bolt -

Published by colbytcook almost 2 years ago

Release Notes

Notifications

Updated the notifications drop down to prevent long link from breaking past the container. From #2582

Article

Long links within an article (e-bolt-article) wrap if there's no space enough. From #2572

Modal Component

Changed the Modal Component's accessibility headline from a h1 to a h2 From #2557

List Element

A new element that will replace the List Component From #2550

List Component

This component is now deprecated From #2550

Patternlab

Added a Drupal admin UI section in the pattern lab navigation. From #2579

Misc

Features

Bug Fixes

Authors: 9

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

Published by colbytcook about 2 years ago

Misc

Authors: 1

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

Published by colbytcook about 2 years ago

Misc

Authors: 1

bolt -

Published by colbytcook about 2 years ago

Release Notes

Bolt Card Component

  • When adding an image to the media inside Bolt Card component, please use a renderable image element for media.image instead of structured data. From #2520

Table Element

  • Created a new Table Element From #2548

Animation Toolset

  • The animation toolset is updated. Elements appear not only on the load event but they are observed. If they are on the viewport area the animation triggers. From #2542

Page Header

  • data-header-height attribute is added to the bolt-page-header component. From #2537

UI Build/Docs Site Updates

  • Refactored the Doc Site image folder From #2555
  • Updated the Doc Site pages images to new image folder path From #2555
  • Removed the bolt img and bolt images tasks. Sites using Bolt should be unaffected. From #2554
  • Patternlab Browser Support Link added to the left side bar From #2533
  • The Brightcove JavaScript have slightly changed to accommodate the use of video thumbnail in a card From #2480

Misc

Features

Bug Fixes

Authors: 10

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.7.5

Published by colbytcook about 2 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.7.4

Published by colbytcook about 2 years ago

Misc

Features

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.7.3

Published by colbytcook about 2 years ago

Misc

Features

Bug Fixes

Authors: 2

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.7.2

Published by colbytcook about 2 years ago

Misc

Features

Authors: 1

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

Published by colbytcook about 2 years ago

Misc

Features

Authors: 2

bolt -

Published by colbytcook about 2 years ago

Release Notes

Bare List Object

  • Deprecated. Use the utility class u-bolt-bare-list. From #2526

Wrapper Object

  • Deprecated. Use the new Bolt Wrapper Element or e-bolt-wrapper class From #2522

Inline List Object

  • Deprecated. Use the Bolt component Bolt List Component. From #2515

UI List Object

  • Deprecated. Use the Bolt component Bolt List Component. From #2516

Grid Object

Flag Object

Deprecated. Use the Bolt Layout with the template: 'flag' option whenever needed.

Misc

Features

Bug Fixes

Authors: 8

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.4.1

Published by colbytcook over 2 years ago

Misc

Features

Authors: 2

bolt -

Published by colbytcook over 2 years ago

Release Notes

Type element

  • Release a new element that will eventually replace the Text Component and Headline Components From #2415

Teaser Component From #2490

  • Added a "Card" display option to the Teaser Component
  • New prop variant with enum: 'card', 'transparent' was added.
  • Prop type was deprecated.
  • Video Thumbnail should be used when creating a teaser opening video modal

Teaser Listing Component From #2486

  • The separator between eyebrows is now a dash symbol -.
  • The separator between breadcrumbs is now a chevron symbol >
  • Text in the description is truncated to 2 or 3 lines depending on the breakpoint

Visual changes

Teaser Listing Component From #2486

  • The separator between eyebrows is now a dash symbol -.
  • The separator between breadcrumbs is now a chevron symbol >
  • Text in the description is truncated to 2 or 3 lines depending on the breakpoint

Misc

Features

Bug Fixes

Authors: 8

bolt -

Published by colbytcook over 2 years ago

Release Notes

Dialog

Dialog component is added. It is not ready for sites to use until Safari 15.4 adoption improves. From #2492

Icon

The "Chevron-down" icon is replaced with the "More" icon. From #2485

Headline

  • numberText prop is depracated (please use number_text),
  • numberColor prop is deprecated (please use number_color) ,
  • purple color was replaced with violet

From #2484

Floating Action Buttons

New component named Floating Action Buttons added. From #2423

Visual changes

Headline

Purple background color var(--bolt-color-berry) of the headline number is replaced by violet background color var(--bolt-color-violet). From #2484

Icon

Icon-only button with size set to small renders smaller icon now. Overall button size is not affected. From #2423

Misc

Features

Bug Fixes

Authors: 10

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.4.0

Published by colbytcook over 2 years ago

Release Notes

From #2449

Resolved expected behavior for page header menu to close when clinking an on-page anchor link.

From #2462

The ordered (<ol>) list has new level indicators for nested items.

Visual changes

The ordered list uses decimal, alphabetical and roman numbers for the nested items for any free-form content areas.

Misc

Features

Bug Fixes

Docs

Authors: 9

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.3.1

Published by colbytcook over 2 years ago

Misc

Authors: 1

bolt -

Published by colbytcook over 2 years ago

Release Notes

Video Thumbnail Component

  • Video Thumbnail Component now has a inline video option. From #2451
  • Added a video.subtitles property to the Video Thumbnail components. This property will render a subtitles icon with a "Subtitles available" tooltip to a video thumbnail component. From #2451
  • Added a video property to the Video Thumbnail components. This property will give a content author the ability to play videos inline. From #2451

Form Component

Added a method to handle two column column. From #2453

Tooltip Component

New aria_type property on bolt-tooltip. From #2443

Icon Component

Added a subtitles icon. From #2446

Animation Tool Set

Introduced a new animation suite that will allow for class based micro animations to be placed on design system elements. From #2428

PHP

Updated PHP to version 8. From #2454

Accessibility

  • Modify page-header keypress interaction. From #2452
  • Added a button label to the search input. From #2457

Visual changes

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.

Misc

Features

Bug Fixes

Authors: 10

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.2.4

Published by colbytcook over 2 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v5.2.3

Published by colbytcook over 2 years ago

Misc

Authors: 2

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

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

14 Oct 2020 55
stencil-component-starter

Minimal starter project for building shareable web components with Stencil

15 Sep 2017 271
web-component-designer

A Designer for HTML Components or Pages in a WebComponent

22 Oct 2019 143
component-template

Template for kicking off a new Web Component

08 Dec 2023 40
material-web

Material Design Web Components

27 Mar 2018 9,239
d3-web-components

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

25 Feb 2019 3
material-web-components-react

Material Web Components for React ⚛

25 Jun 2024 22
custom-elements

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

13 Apr 2022 7
patternfly-elements

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

04 Jan 2018 377
blueprintui

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

13 Aug 2015 310
webcomponents

Monorepo of webcomponents and associated microservice apis

25 Sep 2018 243
web_components

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

10 Aug 2024 3
stencil-with-maximilian

Web Components & Stencil.js

26 Apr 2024 0
bulma-stenciljs

Stencil web component with Bulma CSS

23 Dec 2021 3
m-

The modern web's design system.

04 Dec 2019 300