Skip to content

Latest commit

 

History

History
267 lines (186 loc) · 8.79 KB

CHANGELOG.md

File metadata and controls

267 lines (186 loc) · 8.79 KB
Raw

Latest

Fixes:

  • List had to use the deprecated list when upgrading to version 13. This was badly documented.
  • Switch: missed a DOM restructure (and still can't find this described in the documentation). So it looked like a checkbox.

Upgrade to 13.0.0

Breaking changes:

  • List: SCSS styling now needs to use the mdc-deprecated-list, mdc-deprecated-list-item classes for styling.

Upgrade to 12.0.0

No user visible changes.

Upgrade to 11.0.0

New features:

  • Tooltip component. Both plain and rich tooltips are supported.

Fixes:

  • elm-mdc.js: import of focusTrap incorrect since upgrade to v6.
  • docs did not compile.

Breaking changes:

  • Material.init removed, as it didn't do anything.
  • TextField.fullWidth option removed as this was dropped in 8.0.0.
  • Chips: MDC deprecated previous .scss mixins. If you have customised styling using chip mixins, you most likely will need to update your custom styling.

Upgrade to 10.0.0

Upgrade to 9.0.0

Changes:

  • Slider now uses , the change should be invisible to elm-mdc users, but internally the slider has been completely rewritten.

Breaking changes:

  • Slider:
    • onInput has been removed.
    • the slider now longer keeps of an internal value, in order to (visually) change the value, you need to listen to the onChange event, and update your model's value. Previously you could update the slider as it kept track of an internal value, but this behaviour is simpler to implement and exactly how an input or Material.TextField works.

Known issues:

  • Select: menu does not get keyboard focus when opened.

Upgrade to 8.0.0

New features:

  • Banner component.

Breaking changes:

  • Possibly breaking change: Options.onFocus and Options.onBlur now bubble focus and blur by using focusin and focusout respectively. This leads to a more natural API.
  • Classes exported by Theme now conform to available classes.

Fixes:

  • Material.List: nonInteractive list still had rippled element.
  • Material.Slider: fix behaviour on phone where slider would move when you scrolled the page.
  • Material.CircularProgress: display correct when container text is not left aligned.

Known issues:

  • Select: menu does not get keyboard focus when opened.

Upgrade to 7.0.0

New features:

  • See Material Components for the Web v7.0.0 release for all details.
  • Material.CircularProgress: allow setting size.
  • TextField: allow setting prefix and suffix text.
  • Chips.leadingThumbnail: allow passing random nodes, for example to display a user avatar or thumbnail, instead of just an icon.

Fixes:

  • Material.CircularProgress: indeterminate version now works properly.

Breaking changes:

  • Textarea default is filled, you will need to specify Textarea.outlined to get the previous default.
  • Textarea with internal character counter needs to get property Textfield.internalCounter

Upgrade to 6.0.0

New features:

  • TabBar: keyboard interaction now works.
  • TabBar: scrolling animation now works.
  • Material.CircularProgress: new component. Only the determinate version display is correct. The indeterminate version should animate, but this does not happen at the moment. We'll have another look at this with version 7.

Fixes:

  • Slider mouse position could be incorrect (this fix was not mentioned in any of the docs, so not picked up in the 5.0.0 release).

Breaking changes:

  • Switched from ummaintained "debois/elm-dom" to "K-Adam/elm-dom" In your elm.json replace "debois/elm-dom": "1.3.0" with "K-Adam/elm-dom": "1.0.0"

Upgrade to 5.1.0

  • Upgrade to MDC 5.1.0. DOM changes, but all internal. No user visible changes.

Upgrade to 4.0.0

New features:

  • Support for the menu selection group.
  • Upgrade to MDC 4.0.0. Ripples are now done with internal elements, but this should be transparent for the users of this library.
  • Selects now display as the enhanced select.

Breaking changes:

  • List.ListItem.children had to change, because of support for the Menu Selection Group. You probably can simply stick List.HtmlList in front of what you have.
  • The select no longer uses the native select control. When an option is selected in a select, the displayed text is no longer automatically updated. Set the Select.selectedText property to the text you want to display. You can use Select.onSelect to update your model with the text to display for example. We possibly could have used the nodes of the option that is selected, but this gives you fewer options, and the behaviour didn't feel entirely Elm like. But feedback appreciated.
  • Select.preselected has been removed. Use Select.required for a similar effect.
  • You will need to call Material.Subscriptions to make sure you can click outside the select menu to close it.
  • The Menu used to have the first item selected by default, but it no longer does.
  • The obsolete style property from Ripple.bounded and Ripple.unbounded has been removed.

Bug fixes:

  • List.selected did set the activated property instead of the selected property.

Possible bugs:

  • The selected option when you drop down a select is shown in the activated colour in the MDC demo. However it is not clear how this is accomplished, since it uses the selected state like we do, and therefere should have the colours of the selected state. Exactly why the CSS of the MDC demo is different is not yet known.

Upgrade to 3.2.0

Breaking changes:

  • Removed Toolbar (removed upstream).

Changes:

  • Lists: In addition to using selectedIndex you can use the selected state on a list item. Depending on the use case on or the other might be easier.
  • ImageList: added node option to easily change the default "div" element to something else.
  • TopAppBar: support scrolling on any div by using onScroll.
  • Menu: a menu item can now be styled in the disabled state.

Fixes:

  • Lists: the activated item will receive the keyboard focus by default instead of the first.

Upgrade to 3.1.1

New features

  • Data table support.

Upgrade to 2.3.1

Changes:

  • Snackbar timeout default is now 5 seconds to be compatible with the JavaScript version.
  • Keyboard support added to menu.

Demo:

  • Menu now looks like MDC demo.

Upgrade to 2.2.0

New features:

  • List: add support for disabled items.

Breaking changes:

  • Drawer: keyboard navigation and ripples supported. But this means List.nav in drawer now takes the three common parameters
  • Extended fabs are now supported. The icon parameter has now been replaced with a list. Set the icon as option in options: [ Fab.icon "favorites" ]
  • Lists now support ripples. To implement this, List.ul, List.ol and List.nav now needs the full Mdc, index and model parameters as is usual with the other components.
  • TopAppBar.navigationIcon and TopAppBar.actionItem need the usual 3 additional arguments now, in order to implement ripples. It also uses a button instead of an a element.
  • Textfield: Do not specify outlined for multiline text fields.
  • Icon toggle: The icon toggle class has been removed, use IconButton instead.

Implementation changes:

  • Ripple code has been improved to emit CSS variables as inline styles. There's a bug in Elm that makes this hard, but our workaround does not seem to have drawbacks. There's a pull request to fix this bug: elm/virtual-dom#127 You no longer have to use the returned style property, although this has been left in the interface so you can update existing code at your leasure.

Upgrade to 0.44.1

  • Textfield:
    • Material.TextField.HelperText now needs to be wrapped in Material.TextField.HelperLine.
    • Support for character counter via Material.TextField.CharacterCounter.

Upgrade to 0.43

  • Snackbar.Contents: new record structure.

Upgrade to 0.42

  • Textfield:

    • Box option is now the default, option removed.
    • Remove dense option already, will be removed soon.
    • unClickable option is removed. Set onLeadingIconClick and onTrailingIconClick to indicate actions for any icons.

  • Dialog:

    • Surface div is gone. Put header, content and actions directly as children from dialog.
    • Dialog.body is now Dialog.content
    • Dialog.footer is now Dialog.actions.
    • Dialog.header is removed.
    • Dialog.backdrop is removed, see new structure.

  • Tabs: replaced by TabBar. Structure mostly the same.

    • Replace import Material.Tabs as TabBar with import Material.TabBar as TabBar.
    • Remove occurances of TabBar.indicator.
    • Icons are handled by setting TabBar.icon property in the tab supplying the right name.

  • Updated webpack to latest 4 and webpack-cli to latest 3.

  • Select:

    • Select.box variant has been removed as it was removed from mdc.
    • Select.outlined: new variant.

  • Lists: two line format needs special primaryText class.

Upgrade to 0.39

  • Material.Drawer.Temporary replaced with Material.Drawer.Modal.