Skip to content

v0.14.0

Choose a tag to compare

View all tags
@CITguy CITguy released this 12 Oct 15:47
· 912 commits to master since this release
v0.14.0
024416a

Summary

It's been a while, but this release was made possible by the following contributors:

Thank you to the following bug spotters:

You can view the latest documentation at https://rackerlabs.github.io/helix-ui/.

🚨 Breaking Changes 🚨

  • <hx-file-icon> requires the extension attribute to configure the display of the file extension. (#325)
    • Child nodes are now hidden.
  • Text nodes within buttons must be wrapped in a <span> if there are any non-text siblings (#325)
    • e.g., text + icon or text + busy

🚨 Updated Peer Dependencies

(Considered a breaking change due to potential conflicts in applications after upgrading.)

The minimum version of @webcomponents/webcomponentsjs has been updated in order to take advantage of improvements to the custom-elements-es5-adapter.js.(#329)

  • If you're using the 1.x version, please make sure you've updated to 1.2.4 or later.
  • If you're using the 2.x version, please make sure you've updated to 2.0.4 or later.

before:

<span id="ce-es5-adapter">	
  <script>	
    if (!window.customElements) {	
      var elAdapter = document.querySelector('#ce-es5-adapter');	
      elAdapter.parentElement.removeChild(elAdapter);	
    }	
  </script>	
  <script src="path/to/custom-elements-es5-adapter.js"></script>	
</span>

after:

<script src="path/to/custom-elements-es5-adapter.js"></script>

Fixed

  • Fixed CSS for Tabs component to support JSX (#324)
  • Fixed typo in Element.closest() polyfill that would break functionality in Edge and IE (#330)
  • Fixed File Tile logic resulting in unwanted characters in the display of truncated file names containing spaces. (#322, #331)
  • Fixed layout of Tabsets in IE11 (#338)

Fixed Appearance of Placeholders in disabled Text Inputs

Components > Text Inputs (#346)

before after
screen shot 2018-10-11 at 6 59 54 pm screen shot 2018-10-11 at 7 00 26 pm
screen shot 2018-10-11 at 7 00 04 pm screen shot 2018-10-11 at 7 00 20 pm

Simplified/Fixed Layout Templates

  • removed references to helix-ui.polyfill.js in all templates (#327)
  • removed confusing and unnecessary <base/> tag from all templates. (#317, #327)
  • reduced the amount of "demo" markup in all templates (#327)
  • simplified markup needed to consume webcomponents polyfills (#327)

🆕 Added Drop Zone

Components > Files > Drop Zone (#328)

Drop Zone Demo

🆕 Added Simple Tooltip for File Tiles with Truncated File Names

(#340)

screen shot 2018-10-11 at 6 55 29 pm 2

🆕 Add Readonly Support to File Tiles

Components > Files > File Tile (#341)

screen shot 2018-10-11 at 6 53 17 pm

Updated

  • <hx-file-icon>: refactored appearance to allow removal of the file extension (#325)
  • Documentation no longer relies on unpkg.com for HelixUI assets. (#327)
  • Documentation updated to include unpkg.com instructions for consuming @webcomponents/webcomponentsjs polyfills. (#332)

Merged

  • #346 - fix(text input): correct disabled placeholder styles
  • #341 - feat(File Tile): add readonly support
  • #340 - feat(File Tile): add simple tooltip on truncated links
  • #339 - feat(Files): add
  • #338 - fix(Tabs): correct tabs layout
  • #337 - chore(git): sync master branch with docs
  • #335 - fix(tabs): correct flex-basis, again
  • #333 - fix(tabs): correct flex-basis
  • #332 - Docs raxio 2018
  • #331 - fix(hx-file-tiles): correct display of truncated file names with spaces
  • #330 - fix(polyfills): correct typo in polyfill
  • #329 - chore(deps): update peerDependencies
  • #328 - feat(files): add
  • #327 - docs(layouts): update layout docs
  • #325 - refactor(file-icon and file-selector): updated style changes
  • #324 - style(less): update styles for JSX compatibility
Assets 2
Loading