Skip to content

Releases: foundation/foundation-sites

v6.5.0-rc.1

24 Jun 22:03
@ncoden ncoden
v6.5.0-rc.1
397084a
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.
Compare
Choose a tag to compare
v6.5.0-rc.1 Pre-release
Pre-release

Foundation v6.5.0-rc.1 (2018-06-25)

Here we go! Foundation 6.5.0 (Release Candate 1) is out now and comes with a lot of bug fixes and various improvements! This release is mainly focused on stabilizing the previous release, improving accessibility and browser support and making the integration with your project easier. New features were delayed to the next release to ensure the best compatibility with v6.4.4-rc1. Check out the details below.

⚠️ This version is a Release Candidate and it intended for developers to test the new release with their project and environment and report regressions if any. It is not recommended for an usage in production.


Highlighs

  • 🌟 Improved Stability: 70+ bugs resolved!

    We worked hard to resolve over 70 bugs across all our components. This includes fixes for visual and functional bugs, resolved crashes and Sass compilation errors and improved integration, reusability and ease of customization in various environments and complex use cases.

  • 🙈 Improved Accessibility (#10699, #11052, #11167, #11099)

    We improved the accessibility of Abide forms by a lot! Most a11y attributes are now automatically set on form fields, labels and errors according to their relations. We also fixed the aria attributes of Toogler and all menu plugins, and improved many plugin documentations to show in examples the best practices in terms of accessibility.

  • 🌎 Improved Browser Support (#10786, #11011, #11021, #11108, #11252)

    We fixed various bugs in IE11/Edge in navigation components, Slider and XY Grid, as well as an issue with the Reveal scroll in iOS Safari. For consistency reasons, we revised our browser CSS compatibility table and improved support for iOS Safari >= 7. On the other hand, Android Browser < 4.4 is not supported anymore.

  • 🚀 New Accordion parentLink option (#10616)

    With the parentLink option, you can now automatically include the parent link at the top of an Accordion sub-menu like for Drilldown.

  • ✨ Matching help for standard input and input group (#10602)

    We changed the Input Group height calculation to match the standard input height. You may have to take a look at your forms after upgrading.

  • ✨ Better keyboard shortcuts for Dropdown (#10715, #11123)

    If a Dropdown trigger is an input or a textarea, Space does not open the Dropdown anymore. Also, an opened Dropdown is now closed with Space/Enter if nothing can be focused in it.

  • ✨ Improved Abide URL validation pattern (#11116)

    We changed the Abide validation pattern for URL so it is more permissive and supports various protocols and escaped characters. We recommend you to check if it still fulfills your needs before upgrading. You can always use the old URL pattern as a custom pattern.

  • 🐛 Fixed various bugs with dynamically created component (#11077, #10988)

    Components could be incorrecly initialized when dynamically created as they were waiting for the page load event (which was already called before). We fixed this and now fully support dynamically created components after the page loaded.

  • 🐛 Fixed various bugs causing a "gap" between breakpoints (#10978, #11315)

    A "gap" between breakpoints could appear with both or none breakpoints where considered as the "current one" due to the way some old browsers round values or when a smaller global font size was used.
    We changed this gap size to ensure the best browser compatibility and support smaller font size.

  • 🚚 UMD Bundling (#10864, #10911, #10930)

    Foundation is now distributed as an UMD package! Babel is no longer required and you can now import Foundation with ES6, RequireJS, Node.js or as a global variable.

  • 🚚 Sourcemaps everywhere! (#10998, #11012)

    No one likes debugging in minified code. All Foundation JavaScript and CSS distribution files now comes with sourcemap files, including individual plugin files.

  • 📦 jQuery and what-input are now peerDependencies (#11294)

    We think that like for most browser packages, you will want to only have one jQuery version installed and to choose its version by yourself. For this reason, jQuery and what-input should be exposed to you as peerDependencies. You should already have jQuery and what-input installed so Foundation will work the same way as before.

    Note for npm users: you may now have a warning message asking you to install these packages if you did not already. Please do so with versions we support: jquery@>=2.2.0 and what-input>=4.1.0.


All changes

This release comes with ~230 contributions like new features, improvements, bug fixes, documentation updates and maintenance tasks. This changelog uses the following emojis to describe contribution types.

Code changes Cleaning Maintenance
💥 Breaking changes
🚀 Features
✨ Improvements
🐛 Bug Fixes		 🛠️ Refactoring
💎 Linting
📖 Documentation

 💻 Tools
📦 Dependencies
🚚 Build files
🚨 Tests

Changes marked with RC were included in the previous unstable release candidate v6.4.4-rc1. They may have introduced new features and visual changes. If you have already migrated to Foundation v6.4.4-rc1 without encountering issues, you can safely migrate to v6.5.0.

General

Controls

Read more
Assets 6
Loading

v6.4.3

18 Aug 15:35
@kball kball
v6.4.3
4e21634
Compare
Choose a tag to compare
v6.4.3

This quick patch release fixes a couple missing semicolons in the scss that were not impacting node-sass but were preventing webpack scss builds from working properly in 6.4.2.

Assets 2
Loading

v6.4.2

10 Aug 23:14
@kball kball
v6.4.2
c162aea
Compare
Choose a tag to compare
v6.4.2

The 6.4.2 release contains both a series of bugfixes and some incremental improvements, particularly focused on the new XY Grid as we get more and more folks using it in the wild. Big shoutout to our @hikouki as one of our newer contributors who jumped in with quite a few different bug fixes, docs updates, and improvements!

Migration Notes:

  • Grid containers for the XY grid have been reworked based on issues and feed back. This is a big one, and a big improvement. Check out the docs for more: http://foundation.zurb.com/sites/docs/xy-grid.html
  • There was a naming conflict between the $block-grid-max variable for xy and regular grids, meaning you could not have both in with different values. The xy-grid setting has been separated out to $xy-block-grid-max. If you have changed the value of $block-grid-max and are using the xy-grid, you should update $xy-block-grid-max.

Updates and Improvements

  • Rework grid container: #10371
  • Button cursors are now configurable via settings: #10367
  • Abide options now merge recursively, fixing issues adding validators: #10377
  • Enable defining different off-canvas sizes by breakpoint: #10428

Bugfixes:

  • Fix rounded prototype when breakpoint enabled: #10335
  • Remove duplicate max-width: #10341
  • Fix dropdown arrow position issues when using responsive nav: #10345
  • Fix typescale issues building with ruby-sass: #10351
  • Fix bug on Orbit resize during transition: #9881
  • Fix boundary values for vertical two-handle sliders: #10355
  • Fix distributed version of media query to automatically initialize: #10369
  • Fix off-canvas reveal classes not working properly in 6.4.x: #10421
  • Fix cell() sass mixin gutter output: #10437
  • Rename $block-grid-max variable to get rid of duplicate name problem: #10433
  • Drilldown aria attribute fixed from ‘menu-item’ to correct ‘menu item’: #10434
  • Add missing 7th argument to xy-cell mixing within xy-grid-layout: #10435
  • Fix responsive shrink and full classes in xy-grid: #10370
  • Fix scrolling bug when using keyboard nav in dropdown menus: #10445
  • Fix reinitialization of menus: #10439
  • Fix use of dropdown with multiple anchors: #10360
  • Fix use of margin grids with grid frames: #10448
  • Fix JSPM Entry Point: #10465
  • Fix medium-up breakpoint class bug introduced in 6.4: #10491
  • Fix collapse responsive sizing bug in xy grid: #10492
  • Remove text-decoration from link buttons: #10471
  • Fix sizing of input-group buttons: #10456
  • Fix triggers initialization in customizer builds: #10507
  • Fix no-wrap issue in menus with very long items introduced in 6.4 menu rework: #10512
  • Fix vertical grid auto and shrink classes trumping size classes: #10513
Assets 2
Loading

v6.4.1

30 Jun 22:31
@kball kball
v6.4.1
414f1b8
Compare
Choose a tag to compare
v6.4.1

Contains a few quick fixes and iterations from Foundation 6.4.0

  • Fix issue with ruby-sass in menus: #10288
  • Fix issue with ruby-sass in xy-grid: #10286
  • Fix interchange on background images with parenthesis in url: #10264
  • Add support for new Mastercard BIN numbers: #10241
  • Fix a few vars that were missing from _settings.scss: #10311
  • Fix a global variable reference in foundation.core.js: #10292
Assets 2
Loading

v6.4.0 - KELT-9

27 Jun 17:58
@kball kball
v6.4.0
1750a3b
Compare
Choose a tag to compare
v6.4.0 - KELT-9

Foundation 6.4 has dropped and it is HOT. Code named KELT-9 after the hottest planet ever discovered, this new release is jampacked with some incredible new features that enable you to build layouts and designs with Foundation that weren’t possible before. Check out the details below:

Major changes

  1. Foundation 6.4 now uses Flexbox by default. There is still a fallback to float-mode for those who absolutely must support legacy browsers, but Flexbox is our recommended approach.
  2. Foundation 6.4 has a BRAND NEW, super powerful default grid called the XY-grid. This is a brand new 2-dimensional grid, inspired by css-grid but built on Flexbox to be usable in all-browser production environments today. Get started here: http://foundation.zurb.com/sites/docs/xy-grid.html.
    Major props to @brettsmason for pushing this through. Thanks to @corysimmons, @IamManchanda, @andycochran, and @oxyc who all went above and beyond to help make this turn out the way it did.
  3. Foundation 6.4 has shifted the Foundation JavaScript architecture to a new ES2016 module-based architecture powered by webpack. If you are using webpack or another module bundler, you can now import Foundation modules as you would other modular javascript. If you are not using a module bundler, we have packaged up drop-in compiled JS files in dist/js for backwards compatibility. Thanks to @gakimball, @DaSchTour, and @TheLarkInn for helping make this a reality.

Other New Stuff

  1. Foundation 6 has always focused on supporting the entire lifecycle of a project from Prototype to Production, but the line between the two has sometimes been fuzzy. With Foundation 6.4, we're beginning to be much more explicit about parts of the framework that are intended for rapid prototyping but should not be part of your production project. As a part of that, 6.4 is shipping with a whole new slew of optional prototyping helpers and a "prototype mode" to speed up prototyping. Learn more here: http://foundation.zurb.com/sites/docs/prototyping-utilities.html. Props to @IamManchanda for making this happen.
  2. Magellan's "smooth scroll" behavior has been separated out into it's own plugin, which you can use to create "smooth scroll" behavior for any links inside a page: http://foundation.zurb.com/sites/docs/smooth-scroll.html. Props to @denisahac for this PR.

Major Enhancements

  1. Dropdowns and Tooltips now have super-powerful "explicit positioning" inspired by tether.js allowing you to position and align them exactly how you want. Implementation by @kball helped out by @IamManchanda and @SassNinja
  2. Menu styling has been reworked to be simpler and more flexible. @brettsmason and @IamManchanda rocked this out in tandem.
  3. Off Canvas now supports nesting and "in-canvas" panels that fit in your grid for some breakpoints and convert to off-canvas for smaller screens. Kudos to @SassNinja for this one.

Bug Fixes

More than we can list

Migration Notes

  1. Menus now use is-active instead if active for active state. The old active works but is deprecated and will be removed.
  2. Menus now use align-center on the menu rather than wrapping them in a menu-centered class to center them. The old way works but is deprecated and will be removed.
  3. Tabs no longer trigger hide/show styles based off of an aria attribute, but rather the is-active class. Users of tabs who are customizing panelActiveClass will need to add display:block; to the styles for their panelActiveClass.
  4. The $card-margin class has been changed to be $card-margin-bottom to better align with convention. If you have changed $card-margin update it to $card-margin-bottom.
  5. The underlying file for the responsive accordion tabs plugin has changed. If you are upgrading an old ZURB stack project you will need to change the reference to foundation-sites/js/foundation.zf.responsiveAccordionTabs.js to reference foundation-sites/js/foundation.responsiveAccordionTabs.js instead.

Contributors

Thanks to the 37 amazing people who contributed code or documentation to the 6.4.0 release. Foundation wouldn't happen without you!

KELT-9

Astronomers have found the hottest known exoplanet, a world where temperatures exceed those on the surface of most stars.

The Jupiter-like planet, known as KELT-9b, zips around its hot host star once every 1.5 Earth days. Its orbit is so tight that the gas giant is tidally locked, always showing the same face to the star, just as the moon shows only one face to Earth.

Temperatures on KELT-9b's "day side" reach a blazing 7,800 degrees Fahrenheit (4,300 Celsius), the planet's discoverers said. That's hotter than the surface of the dwarf stars that dominate the Milky Way galaxy, and just 2,200 degrees F (1,200 degrees C) cooler than the surface of the sun. (However, temperatures in the sun's outer atmosphere, or corona, can reach about 3 million degrees F, or 1.67 million degrees C.)

pia21472-16
(Artists Rendition courtesy of https://www.jpl.nasa.gov/news/news.php?feature=6865)

Assets 2
Loading

v6.4.0-rc5

22 Jun 23:24
@kball kball
v6.4.0-rc5
d2926e2
Compare
Choose a tag to compare
v6.4.0-rc5 Pre-release
Pre-release

To install with npm: npm install [email protected]
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc5

To try out with the ZURB template: git clone -b v6.4 [email protected]:zurb/foundation-zurb-template.git

Please do take things for a spin, especially the new XY grid and modular JS approach!

Feedback threads:

XY Grid: #10141
Modular JS / Webpack: #10140

Docs

http://foundation.zurb.com/sites/6.4.0-rc/docs/

Updates from RC4

Assets 2
Loading

v6.4.0 RC4

19 Jun 23:46
@kball kball
v6.4.0-rc4
d66890f
Compare
Choose a tag to compare
v6.4.0 RC4 Pre-release
Pre-release

To install with npm: npm install [email protected]
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc4

To try out with the ZURB template: git clone -b v6.4 [email protected]:zurb/foundation-zurb-template.git

Please do take things for a spin, especially the new XY grid and modular JS approach!

Feedback threads:

XY Grid: #10141
Modular JS / Webpack: #10140

Docs

http://foundation.zurb.com/sites/6.4.0-rc/docs/

Update from RC3

A slew of bugfixes to JS, XY-Grid, and menus.

We're getting close to final release day (June 27) and this RC has the potential to become the final release, so please report any and all issues you run into!

Assets 2
Loading

v6.4.0 RC3

09 Jun 23:11
@kball kball
v6.4.0-rc3
baf924a
Compare
Choose a tag to compare
v6.4.0 RC3 Pre-release
Pre-release

To install with npm: npm install [email protected]
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc3

To try out with the ZURB template: git clone -b v6.4 [email protected]:zurb/foundation-zurb-template.git

Please do take things for a spin, especially the new XY grid and modular JS approach!

Feedback threads:

XY Grid: #10141
Modular JS / Webpack: #10140

Updates from RC2:

  1. Update XY grid margin & padding to be independently controllable along each axis. Instead of .margin-gutters and .padding-gutters you now will use .grid-margin-x, .grid-margin-y, .grid-padding-x, and .grid-padding-y. Props to @andycochran, @oxyc and @corysimmons for the feedback helping advance this idea and @brettsmason for the implementation. Check out the new approach in the docs: http://foundation.zurb.com/sites/6.4.0-rc/docs/xy-grid.html
  2. Fix some issues in the auto behavior in the XY Grid.
  3. Improved Javascript entry points... you can now simply import Foundation from 'foundation-sites'; to get all of Foundation (autoinitialized), or batch import sets of plugins from foundation-sites/js/entries/foundation-plugins. How to make these imports super smooth is an ongoing area of conversation, join the convo in the modular js/webpack feedback thread!
  4. Fix some issues in Dropdown Menu keyboard navigation in the new menus
Assets 2
Loading

v6.4.0 RC2

03 Jun 00:27
@kball kball
v6.4.0-rc2
8835969
Compare
Choose a tag to compare
v6.4.0 RC2 Pre-release
Pre-release

To install with npm: npm install [email protected]
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc2

To try out with the ZURB template: git clone -b v6.4 [email protected]:zurb/foundation-zurb-template.git

Updates from RC1:

  1. Update grid classes to use .grid-x and .grid-y rather than .grid and .grid-vertical. Eliminates separate "vertical" classes on cell level, having all inherit from the grid above it. See #10118
  2. Fix a bug in Motion UI Javascript. See #10110 (thanks @swey!)
  3. Add foundation-prototype.css as a build with prototyping classes enabled to dist.

RC Docs are available here: http://foundation.zurb.com/sites/6.4.0-rc/docs/

Assets 2
Loading

v6.4.0-rc1

01 Jun 20:56
@kball kball
v6.4.0-rc1
9746cbf
Compare
Choose a tag to compare
v6.4.0-rc1 Pre-release
Pre-release

To install with npm: npm install [email protected]
To install with bower: bower install zurb/foundation-sites#v6.4.0-rc1

To try out with the ZURB template: git clone -b v6.4 [email protected]:zurb/foundation-zurb-template.git

This release has some BIG changes, starting us on the road to Foundation 7 (more on that soon). Please read about at least the major changes below before using.

Major changes

  1. Foundation 6.4 now uses Flexbox by default. There is still a fallback to float-mode for those who absolutely must support legacy browsers, but Flexbox is our recommended approach.
  2. Foundation 6.4 has a BRAND NEW, super powerful default grid called the XY-grid. This is a brand new 2-dimensional grid, inspired by css-grid but built on Flexbox to be usable in all-browser production environments today. Get started here: http://foundation.zurb.com/sites/6.4.0-rc1/docs/xy-grid.html
  3. Foundation 6.4 has shifted the Foundation JavaScript architecture to a new ES2016 module-based architecture powered by webpack. If you are using webpack or another module bundler, you can now import Foundation modules as you would other modular javascript. If you are not using a module bundler, we have packaged up drop-in compiled JS files in dist/js for backwards compatibility.

Other New Stuff

  1. Foundation 6 has always focused on supporting the entire lifecycle of a project from Prototype to Production, but the line between the two has sometimes been fuzzy. With Foundation 6.4, we're beginning to be much more explicit about parts of the framework that are intended for rapid prototyping but should not be part of your production project. As a part of that, 6.4 is shipping with a whole new slew of optional prototyping helpers and a "prototype mode" to speed up prototyping. Learn more here: http://foundation.zurb.com/sites/6.4.0-rc1/docs/prototyping-utilities.html
  2. Magellan's "smooth scroll" behavior has been separated out into it's own plugin, which you can use to create "smooth scroll" behavior for any links inside a page: http://foundation.zurb.com/sites/6.4.0-rc1/docs/smooth-scroll.html

Enhancements

  1. Dropdowns and Tooltips now have super-powerful "explicit positioning" inspired by tether.js allowing you to position and align them exactly how you want.
  2. Menu styling has been reworked to be simpler and more flexible.

More... full list coming soon

Migration

Notes coming soon

Assets 2
Loading