explorer-1

What's Changed

• Fix: secondary nav z-index, main edu nav styles by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/508
• chore: integrating all page templates from www-frontend by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/510
• chore: bumping to version 3.1.3 by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/511

Full Changelog: https://github.com/nasa-jpl/explorer-1/compare/3.1.2...3.1.3

What's Changed

• Fix: changing strategy when using text-subtitle with @apply in _BlockTable.scss by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/502
• fix: share buttons on edu content pages by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/503
• fix: remove default size from BaseHeading by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/504
• bumping to version to 3.1.2 by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/505

Full Changelog: https://github.com/nasa-jpl/explorer-1/compare/3.1.1...3.1.2

Notable Changes

Breaking Changes

Fixing a sass deprecation warning in https://github.com/nasa-jpl/explorer-1/pull/62 has led to some breaking changes for projects that use scss assets a la carte. Your project now needs to use a sass compiler that supports usage of @use directives, and also use a version of sass that includes the sass:math module.

Projects using Parcel as their frontend bundler with node-sass as their sass compiler will likely encounter the following build error:

🚨 Build failed.
@parcel/transformer-sass: Undefined function.
   ╷
11 │       padding-bottom: math.div($height, $width) * 100%;

To fix, remove node-sass to default to Parcel's built-in dart-sass. If that still doesn't work, you may need to install [email protected] to override the version of sass bundled with Parcel.

Projects using sass-loader

• remove node-sass and install sass

Style changes:

• .BlockTable - This CSS class has been extended to include styles for various types of content within in a table, spefically for use with Wagtail's TypedTableBlock. Check your usage of BlockTable for any unexpected visual changes
• Pagination in .BlockImageCarousel and .BlockImageGallery has additional styles applied. If your project has configured swiper with different pagination rules, then these styles may conflict. Be sure to check the mobile pagination of these blocks when updating.
• Additional focus styles have been applied to BaseButton
• WCP: HeroMedia styles are now part of Explorer-1, specifically styles for the show/hide caption on mobile. These styles can now be removed from WCP and imported from Explorer-1.

Script changes:

• WCP: JavaScript for HeroMedia is now provided by Explorer-1. _HeroMedia.js can be removed and imported from Explorer-1. instead.

Summary of Changes

Features

• Extend BlockTable styles to support new content types by @Scotchester in https://github.com/nasa-jpl/explorer-1/pull/79

Maintenance and Docs

• Storybook: Add BlockRelatedLinks component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/45
• Storybook: Add BlockTeaser component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/47
• Storybook: Add BlockTable component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/46
• Storybook: Add BlockVideoEmbed component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/48
• Storybook: Add HeroFeature component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/49
• Storybook: Add HeroFocalPoint component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/50
• Storybook: adding descriptions to BaseLink and HeroFocalPoint by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/51
• Storybook: Add RoboticsDetailFactsItem component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/53
• Storybook: Add HeroMedia component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/52
• Storybook: Add SearchResultCard component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/54
• Storybook: Add BlockImageCarousel component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/56
• Storybook: Add BlockImageGallery component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/57
• Storybook: adding all icon stories by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/63
• Storybook: update storybook version, add storybook linter, fix deprecation warnings by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/62
• Storybook: Add BaseCarouselCards, ArticleCarousel, and RoboticsDetailFacts components by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/70
• Adding dependabot config by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/61

Full Changelog: https://github.com/nasa-jpl/explorer-1/compare/1.0.0-beta.2...1.0.0-beta.3

This marks the first public release of the Explorer 1 Design System! 🎉

For users of the internal alpha releases, please note that this release contains breaking changes with regard to support for Internet Explorer:

The following resources were deleted and need to be removed from your project's JS and SCSS imports:

• src/js/_detect-ie.js, including the node polyfill for global
• src/scss/components/_RoboticsDetailFacts.scss
• src/scss/components/_SearchResultCard.scss
• all .woff files
  • This has been accounted for in explorer-1's styles, but be aware of this in case you are importing .woff files a la carte.