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 visible (Hide)

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

Published by colbytcook over 3 years ago

Misc

Authors: 2

bolt -

Published by colbytcook almost 4 years ago

Misc

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.30.1

Published by colbytcook almost 4 years ago

Misc

Bug Fixes

Authors: 3

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.30.0

Published by colbytcook almost 4 years ago

Release Notes

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.

Misc

Features

Bug Fixes

Docs

Authors: 9

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

Published by colbytcook almost 4 years ago

Release Notes

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.

Breaking Changes

Misc

Features

Bug Fixes

Docs

Authors: 9

bolt - v2.29.3

Published by colbytcook almost 4 years ago

Fixed an icon height bug

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.29.2

Published by colbytcook almost 4 years ago

Bug Fixes

Authors: 1

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.29.1

Published by colbytcook almost 4 years ago

Release Notes

From #2021

(Optionally, add details that will be added to the release notes. Use this to call out deprecations. Read more)

Misc

Bug Fixes

Authors: 3

bolt -

Published by colbytcook almost 4 years ago

Release Notes

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.

Features

Bug Fixes

Misc

  • build(deps): bump node-fetch from 2.6.0 to 2.6.1 in /example-integrations/angular/.bolt #1974 (@dependabot[bot])

Authors: 9

bolt -

Published by remydenton about 4 years ago

This is a hotfix to get Academy fixed without messing up printing CSS. Most sites should update to the latest version of Bolt instead.

bolt -

Published by colbytcook about 4 years ago

Release Notes

From #1973

Deprecate "full" prop on Banner component.

From #1968

Deprecated icon color options:

  1. Indigo
  2. Blue
  3. Green
  4. White

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.

Features

Bug Fixes

Authors: 8

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.27.1

Published by colbytcook about 4 years ago

bolt -

Published by remydenton about 4 years ago

Release Notes

From #1958

uuid prop is deprecated on Accordion Item. I do not believe this prop is in use on any properties.

From #1961

Deprecated functions

  • bolt-color(orange, xdark)
  • bolt-color(orange, xlight)
  • bolt-color(yellow, xdark)
  • bolt-color(yellow, xlight)

From #1914

Deprecated SCSS mixins:

  1. bolt-font-family
  2. bolt-font-size
  3. bolt-font-weight

Deprecated SCSS functions

  1. bolt-line-height

Deprecated SCSS variables:

  1. $bolt-font-family-*
  2. $bolt-font-size-*
  3. $bolt-font-weight-*
  4. $bolt-line-height-*

New typography vars usage

  1. var(--bolt-type-font-family-*): [headline, body, code]
  2. var(--bolt-type-font-weight-*): [light, regular, semibold, bold]
  3. var(--bolt-type-font-size-*): [xxsmall ~ xxxlarge]
  4. 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.

Math

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

Deprecated SCSS mixins:

  1. bolt-margin
  2. bolt-padding
  3. bolt-margin-*
  4. bolt-padding-*

Deprecated SCSS functions

  1. bolt-spacing
  2. bolt-v-spacing

New spacing vars usage

Note: x represents horizontal, y represents vertical.

All directions

margin: var(--bolt-spacing-y-medium) var(--bolt-spacing-x-medium);
padding: var(--bolt-spacing-y-medium) var(--bolt-spacing-x-medium);

One direction

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);

Math

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.

  1. .u-bolt-height-xxsmall
  2. .u-bolt-height-xsmall
  3. .u-bolt-height-small
  4. .u-bolt-height-medium
  5. .u-bolt-height-large
  6. .u-bolt-height-xlarge
  7. .u-bolt-height-xxlarge

And their responsive options such as: .u-bolt-height-xxsmall@[breakpoint].

Features

Bug Fixes

Docs

Misc

  • build(deps): bump prismjs from 1.20.0 to 1.21.0 in /example-integrations/angular/.bolt #1938 (@dependabot[bot])
  • Patch auto-it package to properly see error on Travis (@remydenton)

Authors: 8

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.26.3

Published by colbytcook about 4 years ago

Misc

  • DS-171 Remove redundant and incorrect schema validation for headline #1929 (@remydenton)

Authors: 1

bolt -

Published by colbytcook about 4 years ago

Bug Fixes

Authors: 2

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.26.1

Published by colbytcook about 4 years ago

Misc

Authors: 1

bolt -

Published by colbytcook over 4 years ago

Features

Bug Fixes

Docs

Authors: 9

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.25.1

Published by colbytcook over 4 years ago

Bug Fixes 🐛

Misc 🔧

  • [skip travis] chore(release): release v2.25.1 (@bolt-bot)
  • [skip travis] chore: version bump PHP-related dependencies to v2.25.1 (@bolt-bot)

Authors: 2

bolt -

Published by remydenton over 4 years ago

Release Notes

From #1878

🚀 Enhancement

Features & Enhancements ✨

🐛 Bug Fix

Bug Fixes 🐛

Misc 🔧

Authors: 8

bolt - https://github.com/boltdesignsystem/bolt/releases/tag/v2.24.1

Published by colbytcook over 4 years ago

Bug Fixes 🐛

Misc 🔧

  • [skip travis] chore(release): release v2.24.1 (@bolt-bot)
  • [skip travis] chore: version bump PHP-related dependencies to v2.24.1 (@bolt-bot)

Authors: 2

Package Rankings
Top 6.73% on Proxy.golang.org
Top 6.96% on Npmjs.org
Related Projects
bulma-stenciljs

Stencil web component with Bulma CSS

23 Dec 2021 3
stencil-with-maximilian

Web Components & Stencil.js

26 Apr 2024 0
patternfly-elements

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

04 Jan 2018 377
11ty-web-component-generator

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

14 Oct 2020 55
m-

The modern web's design system.

04 Dec 2019 300
material-web-components-react

Material Web Components for React ⚛

25 Jun 2024 22
d3-web-components

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

25 Feb 2019 3
component-template

Template for kicking off a new Web Component

08 Dec 2023 40
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
material-web

Material Design Web Components

27 Mar 2018 9,239
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
custom-elements

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

13 Apr 2022 7
blueprintui

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

13 Aug 2015 310