v0.7.0

Summary

This release was made possible by the following contributors:

• @cathysiller
• @CITguy

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

Deprecated

• input-url icon deprecated, use globe instead (#213)
• technical-change icon deprecated, use server-config instead (#213)
• technical-incident icon deprecated, use server-incident instead (#213)

Fixed

• Replaced non-compliant icons with newly designed images (#213)
• Corrected geometry of several icons to better align with pixel boundaries (#213)
• Applied min-width: 0; to grid columns to fix text wrapping issues. (#199)
• Corrected vertical alignment of <hx-icon> when used inline with text. (#209)
• Corrected color of placeholder text to adhere to redline specs (#217)

Added

• Added .hxTruncate helper to provide ellipsis truncation of a block element (#199)
• Added the following icons: (#213)
  • file
  • flag
  • globe
  • key
  • mime-archive
  • mime-audio
  • mime-code
  • mime-data
  • mime-image
  • mime-system
  • mime-text
  • mime-video
  • paperclip
  • server-config
  • server-incident

New Progress Component

A simple, no-nonsense way to visually indicate progress of a process. (#215)

New Toasts Component

NOTE: this only provides basic appearance and behavior of Toast notifications. Advanced configuration and behavior is coming soon. (#210)

New Low-Level APIs

HXElement has been updated to make it easier than ever to define custom elements.

• static get is -- Now required by all subclasses (not a problem, given that every subclass already defines it).
• static get template -- a shadow root will be created if this is defined in the subclass
• static get $observedAttributes -- used by $onAttributeChange() to react to attribute changes
• $onCreate() -- called at the end of construction
• $onConnect() -- called at the end of connectedCallback()
• $onDisconnect() -- called at the end of disconnectedCallback()
• $onAttributeChange() -- called when attributes defined in static get $observedAttributes change values.

Read more...

Updated

• Updated HXElement methods to provide HelixUI syntactic sugar on top of the native custom elements APIs to help with contributions. A developer's guide is coming soon.

Updated CSS

• Updated CSS source file load order to provide a better progression of CSS specificity in the generated output. (#198)
• Removed unused CSS styles (#198)

Updated Docs

• Updated Icons docs to allow filtering of icons based on keyword. (#213)
• Update minimum version for <hx-search-assistance> element (#206)
• Improved hx-tab* element documentation with attribute/property types and default values (#198)
• Improved normalization of documentation formatting (#214)
• Current version number in footer updated to link to GitHub release notes (#204)
• Added link to GitHub repo on home page (#204)

Merged

• #218 - fix(ShadowDOM): fix broken elements
• #217 - fix(CSS): correct placeholder color
• #216 - Begin adding JSDoc comments
• #215 - feat(Progress): Add Progress component
• #214 - refactor(element-docs): make elements documentations in sync
• #213 - feat(Icons): Update Icons
• #210 - feat(toasts): add styles for toasts
• #209 - fix(hx-icon): correct alignment of
• #206 - docs(minver): update minver for hx-search-assistance
• #204 - docs(layout): Add GitHub links
• #199 - refactor(*): updates based on feedback
• #198 - refactor(*): free friday