Skip to content

Version 1.1.0
Compare
Choose a tag to compare
@github-actions github-actions released this 01 Apr 18:44
· 309 commits to main since this release
1.1.0
1e9cbd6
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Changes

✨ Features

  • Improvements to BlockLinkCard and BlockLinkTile (#173)
  • Reorganize and rename components (#171)
  • Adding responsiveness to BlockIframeEmbed (#161)

🐛 Bug Fixes

  • Update mime type for BaseImagePlaceholder background images (#167)
  • Update Tailwind config to not activate dark mode based on user's OS-level setting (#165)
  • Fixing the link to the Explorer 1 readme (#144)
  • Issue templates: fixing labels in "Feature request" template (#142)

📘 Documentation

  • Adding docs on how to test the npm package locally (#174)
  • Reorganize and rename components (#171)
  • Adding boilerplate config and documentation for Percy (#195)
  • Fixing the link to the Explorer 1 readme (#144)
  • Adding issue templates and fixing a typo in the developer's guide (#141)

🧰 Maintenance

  • Bump parcel from 2.2.1 to 2.4.1, remove postcss-preset-env (#162, #199)
  • Bump @storybook (6.4.20) and eslint-plugin-storybook (0.5.7) (#179, #198)
  • Update tailwindcss to v2.2.19 and @tailwindcss/forms to v0.5.0 (#196)
  • Adding boilerplate config and documentation for Percy (#195)
  • Bump eslint from 8.8.0 to 8.12.0 (#177, #194)
  • Bump prettier from 2.5.1 to 2.6.1 (#192)
  • Add nvmrc, Bump actions/checkout and actions/setup-node to v3 (#186)
  • Bump postcss from 8.4.6 to 8.4.12 (#180, #183)
  • Updating caniuse-lite and rebuilding dist (#182)
  • Bump browser-sync from 2.27.7 to 2.27.9 (#181)
  • Bump swiper from 8.0.2 to 8.0.7 (#170)
  • Bump @fancyapps/ui from 4.0.23 to 4.0.26 (#163)
  • Issue templates: fixing labels in "Feature request" template (#142)
  • Adding issue templates and fixing a typo in the developer's guide (#141)
  • Remove prerelease overrides for Release Drafter (#140)

Migration guide: 1.0.0 to 1.1.0

Renamed Components

Various components have been renamed, including their corresponding SCSS and JavaScript includes. You should check your projects for any of the following and update accordingly. Note that all new names are documented in the table below, but not all new names require action. Deprecated component names will be supported until the next major release.

Old name New name All users A la carte: SCSS updates A la carte: JS updates
BaseCarouselCards MixinCarousel Update CSS class name in html template Renamed to _MixinCarousel.scss Update /src/js/vendors/_swiper.js and /src/js/vendors/_swiperOptions.js. If importing exports directly from _swiperOptions, note that the export name has changed to MixinCarousel
AnimationCaret MixinAnimationCaret Update CSS class name in html template Renamed to _MixinAnimationCaret.scss N/A
BaseVideoBg MixinVideoBg N/A N/A N/A
HeroFeature HeroMedium Update CSS class name in html template Renamed to _HeroMedium.scss N/A
HeroFocalPoint HeroLarge Update CSS class name in html template Renamed to _HeroLarge.scss N/A
BlockArticleCarousel BlockLinkCarousel Update CSS class name in html template N/A N/A
BlockArticleCarouselItem BlockLinkCard N/A N/A N/A
BlockFactCards BlockCardGroup Update CSS class name in html template N/A N/A
BlockFactCardsItem BlockCard N/A N/A N/A

Recommended

If you are using Explorer 1 with a custom frontend framework, you may want to consider renaming your components, and/or creating a table documenting how your project's components map to the Explorer 1 design system.

New features added to BlockLinkCarousel

BlockLinkCarousel has a new "item type" argument. BlockLinkCard, the default selection, replicates what was formerly known as BlockArticleCarousel. A new option, BlockLinkTile, is now available as well.

BlockLinkCard and BlockLinkTile

Improvements have been made to BlockLinkCard and BlockLinkTile, including compact styles, and styles for a secondary label. Update your HTML templates as needed. If you were previously using BlockArticleCarouselItem, you will want to update to use the latest BlockLinkCard in its place.

MixinCarousel improvement

The -tile variant of MixinCarousel now includes pb-5 by default. When used in projects, the -tile variant required adding the pb-5 inline class to work properly with tiles. If this applies to your project, you can now remove the pb-5 inline class from the following selectors: .BaseCarouselCards.-tile or .MixinCarousel.-tile

Responsive BlockIframeEmbed

BlockIframeEmbed is now responsive for 16:9 embeds! To use this feature, you will need to make the following changes to your project:

  • The template for BlockIframeEmbed has changed and you will need to update the markup in your projects.
  • The scss partial for BlockIframeEmbed has been renamed to _BaseIframe.scss, so you will need to update your scss imports if you are using Explorer 1 a la carte.

Contributors

Full Changelog: 1.0.0...1.1.0

Contributors

Scotchester, addisonhardy, and 4 other contributors
Assets 2
Loading