diff --git a/README.md b/README.md index 0fd6e10b9..67e23a089 100644 --- a/README.md +++ b/README.md @@ -5,15 +5,15 @@ The [AngularDart Components Gallery] contains live examples and documentation. This productive and stable set of widgets, contributed to by hundreds of Googlers, make debugging and deploying your app easier. Strict latency and -testing policies make these widgets an excellent fit for projects using the -Angular package. +testing policies make these widgets an excellent fit for projects using +[AngularDart]. [Material design]: https://material.io/guidelines [AngularDart]: https://webdev.dartlang.org/angular [applications]: https://news.dartlang.org/2016/03/the-new-adwords-ui-uses-dart-we-asked.html [AngularDart Components Gallery]: https://dart-lang.github.io/angular_components/ -These packages provide the components as well as code generation for the +The following packages provide the components as well as code generation for the AngularDart Components gallery. ## [angular_components] [![Pub Package](https://img.shields.io/pub/v/angular_components.svg)](https://pub.dartlang.org/packages/angular_components) @@ -40,7 +40,7 @@ for building the AngularDart gallery. [angular_gallery]: (https://github.com/dart-lang/angular_components/tree/master/angular_gallery) [angular_gallery_section]: (https://github.com/dart-lang/angular_components/tree/master/angular_gallery_section) [examples]: (https://github.com/dart-lang/angular_components/tree/master/examples) -[example/angular_components_example]: (https://github.com/dart-lang/angular_components/tree/master/examples/angular_components_example) +[examples/angular_components_example]: (https://github.com/dart-lang/angular_components/tree/master/examples/angular_components_example) ## Project Roadmap diff --git a/angular_components/CHANGELOG.md b/angular_components/CHANGELOG.md index 8186ae451..c271de587 100644 --- a/angular_components/CHANGELOG.md +++ b/angular_components/CHANGELOG.md @@ -23,10 +23,13 @@ * Fix size of full screen dialog. * Close parent modal on escape key by default. +#### Material Icon +* Add `MaterialIconToggleDirective` to allow for an icon with two states. + #### Material Input * Update the integer error message per Editorial feedback. * Add Sass mixin for changing the color of the counter. -* Fix a11y fix when there is a `labeledby` id and a aria label specified. +* Fix a11y when there is a `labeledby` id and a aria label specified. #### Material Menu * Add a drop-in replacement for `secondaryIcon` - `itemSuffix` that removes the @@ -36,6 +39,9 @@ * Remove usages of secondary icon and related fields/methods from menu item model. * Prevent refocus on a menu item when the menu is closing. +* Add `isTabbable` to `MenuItemComponent`. +* Improve a11y in Material Fab Menu. +* Fix focus target when pressing Up Arrow key. #### Material Popup * Correctly restore focus in nested popups. @@ -45,16 +51,19 @@ * Set max-width to 100% on `dynamic-item`. * Removing Sass mixin for setting the width of the container element in dropdowns with factoryRenderers to 100%, as this was adopted as the standard. -* Use the generic type parameter from MaterialDropdownSelectComponent on the - ActivateItemOnKeyPressMixin. +* Use the generic type parameter from `MaterialDropdownSelectComponent` on the + `ActivateItemOnKeyPressMixin`. * Fix focus bugs when mixing keyboard and mouse navigation. * Add temporary fix for scrolling bug in Chrome browser. +* Fix `MaterialDropdownSelect` type error when clicking a deselect item. +* Fix the type of `itemRenderer` in `MaterialDropdownSelectComponent`. #### Material Tabs * Make default width of `tab-content` to 100%. #### Material Tooltip * Improve a11y and keyboard navigation. +* Fix removing describe-by. #### Modal/Overlay * Add ability to create an accessible overlay container for clients that diff --git a/angular_components/README.md b/angular_components/README.md index c78e99863..04b852c7b 100644 --- a/angular_components/README.md +++ b/angular_components/README.md @@ -49,32 +49,27 @@ The pub transformer has been removed in favor of code generation through package ## Required Fonts -Add the folowing font downloads to the head element on your page. +Add the folowing font downloads to the head element of your page: -### Roboto Font +* __Roboto Font__ +([example](https://github.com/dart-lang/angular_components/blob/7f254c89cbbd512cc284a7e9d03bb687f9948bd9/angular_gallery/lib/builder/template/index.html.mustache#L9)) -The typography Sass mixins for are designed to work best with the Roboto font. -[Example](https://github.com/dart-lang/angular_components/blob/7f254c89cbbd512cc284a7e9d03bb687f9948bd9/angular_gallery/lib/builder/template/index.html.mustache#L9) - -```html - - -``` - -### Material Icon Font + ```html + + ``` -These components depend on the Material Icon font. -[Example](https://github.com/dart-lang/angular_components/blob/7f254c89cbbd512cc284a7e9d03bb687f9948bd9/angular_gallery/lib/builder/template/index.html.mustache#L11) +* __Material Icon Font__ +([example](https://github.com/dart-lang/angular_components/blob/7f254c89cbbd512cc284a7e9d03bb687f9948bd9/angular_gallery/lib/builder/template/index.html.mustache#L11)) -```html - -``` + ```html + + ``` ## Custom component styles