Skip to content

Version 1.0.0
Compare
Choose a tag to compare
@github-actions github-actions released this 02 Feb 23:56
· 422 commits to main since this release
1.0.0
9d0931b

Changes

✨ Features

  • Add browserslist, update postcss-preset-env, and remove dependencies we don't need to install on their own (#111)

🐛 Bug Fixes

  • Storybook: fix gallery function in carousel lightboxes (#118)
  • BaseCarouselCards: consistent display breakpoints for navigation arrows (#133)

📘 Documentation

  • Update README and Getting Started guide (#98)
  • Storybook: reorganize docs and add more guides (#137)
  • Storybook: clean up component organization and add a table of contents for each section (#133)
  • Storybook: change storyDecorator to storyRoot (#113)

🧰 Maintenance

  • Bumping dependencies and removing unused ones
    • Bump Swiper from 6.6.2 to 8.0.2 and migrating templates from v6 to v8 (#71, #131, #136)
    • Bump @fancyapps/ui from 4.0.5 to 4.0.23 (#105, #124, #135)
    • Bump @storybook/html from 6.4.17 to 6.4.18 (#134)
    • Bump postcss from 8.3.6 to 8.4.6 (#93, #132)
    • Bump eslint from 7.32.0 to 8.8.0 (#115, #128)
    • Bump postcss-preset-env from 6.7.0 to 7.3.0 (#66, #126)
    • Bump storybook dependencies from 6.4.14 to 6.4.17 (#88, #120, #125)
    • Bump eslint-plugin-storybook from 0.5.5 to 0.5.6 (#116)
    • Bump parcel from 2.1.1 to 2.2.1 (#109)
    • Bump lazysizes from 5.3.0 to 5.3.2 (#97)
    • Bump prettier from 2.4.1 to 2.5.1 (#87)
    • Bump stylelint-config-prettier from 8.0.2 to 9.0.3 (#89)
    • Bump JamesIves/github-pages-deploy-action from 4.1.5 to v4.x (currently 4.2.2) (#80)
    • Bump browser-sync from 2.26.14 to 2.27.7 (#65, #112)
    • Bump parcel, @parcel/transformer-sass, parcel-namer-rewrite (#84)
    • Remove babel-loader as independent dependency (#108)
    • Remove unused postcss-loader (#96)
    • Remove postcss-cli (#92)
  • Release Drafter: Add 'dependencies' label to the Maintenance category (#91)

Migration guide: 1.0.0-beta.3 to 1.0.0

  • Change all instances of CSS class name .swiper-container to .swiper. Also check templates for usage of this class.
  • A change has been made to the BaseCarouselCards template, which affects BlockArticleCarousel and BlockFactCards templates as well. The navigation div, <div class="swiper-navigation lg:block">, should change lg:block to xl:block. This ensures the navigation arrows only appear when the space between each card is 56px (i.e. the 1280px breakpoint).

For a la carte users

A few more migration steps are necessary for projects that are bundling their own frontend assets.

  • Syntax for importing the Swiper js library has changed. If you were importing the library from swiper/core and using the SwiperCore class, you will need to update your implementation to import Swiper from swiper. Refer to Explorer 1's implementation as an example.
  • Optional: modules can now be passed with SwiperOptions. Instead of Swiper.use([Navigation, Lazy, A11y]), you can pass them as modules: [Navigation, Lazy, A11y]
  • The /src/js/ folder has been reorganized. If you are importing JavaScript files from /src/js/, you will need to update your paths:
    Old path New path
    src/js/_lazysizes src/js/vendors/_lazysizes
    src/js/_swiper src/js/vendors/_swiper
    src/js/_swiperOptions src/js/vendors/_swiperOptions
    src/js/_HeroMedia src/js/components/_HeroMedia

Full Changelog: 1.0.0-beta.3...1.0.0

Assets 2
Loading