@enact/moonstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
1,035 lines (678 loc) • 110 kB
Markdown
# Change Log
The following is a curated list of changes in the Enact moonstone module, newest changes on the top.
## [4.5.6] - 2024-03-14
No significant changes.
## [4.5.5] - 2024-01-08
No significant changes.
## [4.5.4] - 2020-09-06
No significant changes.
## [4.5.3] - 2023-05-10
### Added
- `moonstone/UiGridListImageItem` component, transferred from `moonstone/internal/GridListImageItem`
- `moonstone/UiIconButton` component, transferred from `ui/IconButton`
- `moonstone/UiRadioDecorator` component, transferred from `ui/RadioDecorator`
- `moonstone/UiScroller.ScrollerBase` component, transferred from `ui/Scroller.ScrollerBase`
- `moonstone/UiSlotItem` component, transferred from `ui/SlotItem`
- `moonstone/UiToggleItem` component, transferred from `ui/ToggleItem`
- `moonstone/UiVirtualList.VirtualListBase` component, transferred from `ui/VirtualList.VirtualListBase`
## [4.5.2] - 2022-12-14
No significant changes.
## [4.5.1] - 2022-10-14
### Fixed
- `moonstone/Slider` to have proper padding
## [4.5.0] - 2022-07-01
- Update dependencies including React 18.0.0
### Added
- `moonstone/internal/GridListImageItem` component, transferred from `ui/GridListImageItem`
- `moonstone/VirtualList.VirtualList`, `moonstone/VirtualList.VirtualGridList` prop `data-webos-voice-focused`, `data-webos-voice-disabled`, and `data-webos-voice-group-label`
### Fixed
- `moonstone/Input` size 'small' line-height to center text vertically
## [4.0.4] - 2021-12-29
### Fixed
- `moonstone/TooltipDecorator` arrow position
## [4.0.3] - 2021-09-29
### Fixed
- `samples/sampler` not to fail in sampler build
## [4.0.2] - 2021-07-29
### Fixed
- `moonstone/ContextualPopupDecorator` to reposition the popup when prop `showCloseButton` is updated and prop `direction` is left (right in RTL locales)
## [4.0.1] - 2021-06-28
### Fixed
- `moonstone/Slider` to apply active style while dragging by touch
## [4.0.0] - 2021-04-08
- The framework was updated to be compatible with Enact 4.0.0
## [4.0.0-alpha.1] - 2021-02-25
- The framework was updated to support React 17.0.1
### Added
- `moonstone/MoonstoneDecorator` config `rootId` to specify React DOM tree root for global event handlers
## [3.3.1] - 2020-11-02
### Fixed
- `moonstone/ExpandableList` to keep focus properly when selecting an item by touch
- `moonstone/Panels` Breadcrumb to get focus when touching
## [3.3.0] - 2020-10-08
### Added
- `moonstone/VirtualList` and `moonstone/VirtualList.VirtualGridList` prop `data-webos-voice-disabled` for disable voice control
- `moonstone/LabeledIconButton` props to change voice control in IconButton
### Fixed
- `moonstone/Input` run time error when using `dismissOnEnter`
- `moonstone/VirtualList` to support navigation with spottable children inside an item
- `moonstone/VirtualList` to render properly without error when `itemSizes` is given and `dataSize` is 0
- `moonstone/EditableIntegerPicker` to fire `onChange` events, after changing the value via pointer and 5-way select button
## [3.2.6] - 2020-08-20
No significant changes.
## [3.2.5] - 2019-11-14
### Fixed
- `moonstone/Notification` to support 3 max-width buttons in a single line
## [3.2.4] - 2019-11-07
### Fixed
- `moonstone/Notification` line height for non-latin locales
- `moonstone/Notification` to show all buttons in one line
## [3.2.3] - 2019-11-01
### Changed
- `moonstone/Panels.Header` prop `marqueeOn` default value to `'render'` to improve usability on systems without a pointer
## [3.2.2] - 2019-10-24
### Fixed
- `moonstone/Marquee` text shake when restarting
## [3.2.1] - 2019-10-22
### Fixed
- `moonstone/VirtualList` horizontal scrolling in RTL locales
- `moonstone/EditableIntegerPicker` to include the `unit` in the ARIA read out
## [3.2.0] - 2019-10-18
### Added
- `moonstone/Icon` icons
### Changed
- `ilib` peer dependency to `^14.4.0 || ^14.4.0-webostv1` baseline to target support for caching improvements
### Fixed
- `moonstone/Icon` icon sizes
- `moonstone/InputSpotlightDecorator` to not focus when Spotlight is paused
## [3.1.3] - 2019-10-09
### Added
- `moonstone/Icon` icons
### Fixed
- `moonstone/Button` `color` bar height
- `moonstone/Slider` to show `tooltip` when disabled
- `moonstone/TooltipDecorator` to keep showing when changing from pointer mode to 5-way mode
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll correctly when clicking on paging controls during a scroll event
- `moonstone/FormCheckbox` and `moonstone/RadioItem` high contrast colors
## [3.1.2] - 2019-09-30
### Fixed
- `moonstone` language-specific (`LG Smart UI AR HE TH`) and Indian font assignment
## [3.1.1] - 2019-09-23
### Fixed
- `moonstone` internationalization resource loading
- `moonstone/Dropdown` to only call `onOpen` when closed
- `moonstone/Input` text color
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to correctly set focus to items scrolling into the viewport
- `moonstone/VirtualList.VirtualList` to scroll properly when a different sized item gains focus
## [3.1.0] - 2019-09-16
### Deprecated
- `moonstone/ProgressBar.ProgressBarTooltip` and `moonstone/Slider.SliderTooltip` prop `side`, will be replaced by `position` in 4.0.0
### Added
- `moonstone/Dropdown` to add new size `x-large`
- `moonstone/ProgressBar.ProgressBarTooltip` and `moonstone/Slider.SliderTooltip` prop `position`, replacing `side`
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` prop `role` to set the ARIA `role`
### Fixed
- `moonstone/Header` to fix font size of `titleBelow` and `subTitleBelow`
- `moonstone/Dropdown` to apply `tiny` width
- `moonstone/Dropdown` to include selected `data` in the `onSelect` handler
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` spotlight behavior to focus the last item when reaching the bounds after scroll by page up or down
- `moonstone/VirtualList.VirtualList` to allow a dynamically resized item to scroll into view properly
- `moonstone/Dropdown` accessibility read out when an item is focused
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll properly when page key is pressed on a horizontal list or scroller inside a vertical list or scroller
## [3.0.1] - 2019-09-09
### Fixed
- `moonstone/Button` text alignment when `color` is set
- `moonstone/FormCheckboxItem` opacity of `itemIcon` value when focused and disabled
- `moonstone/Notification` to shrink to fit small content
- `moonstone/Scroller` to restore focus properly when pressing page up after holding 5-way down
- `moonstone/Switch` colors to improve visibility
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to properly navigate from paging controls to items by 5-way key when `focusableScrollbar` is false
## [3.0.0] - 2019-09-03
### Fixed
- `moonstone/ContextualPopupDecorator` layout in large text mode in RTL locales
- `moonstone/Dropdown` performance when using many options
- `moonstone/ProgressBar` fill color when `highlighted` is set
- `moonstone/Scroller` to correctly handle horizontally scrolling focused elements into view when using a `direction` value of `'both'`
- `moonstone/Skinnable` TypeScript signature
- `moonstone/Slider` progress bar fill color when focused with `noFill` set
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to render the first item properly when the `dataSize` prop is updated and the function as a parameter of the `cbScrollTo` prop is called
## [3.0.0-rc.4] - 2019-08-22
### Fixed
- `moonstone/ContextualPopupDecorator` arrow rendering issue in Chromium
- `moonstone/EditableIntegerPicker` to properly rerender when the edited value is invalid
- `moonstone/FormCheckboxItem` to marquee its contents
- `moonstone/VideoPlayer` to have correct jump forward/backward icon
- Language-specific fonts so they always use the correct typeface for their locale
## [3.0.0-rc.3] - 2019-08-15
### Fixed
- `moonstone/Header` input highlight positioning
- `moonstone/MediaOverlay` to not mute media playback
- `moonstone/Panels` animation performance issues on low powered hardware
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to correctly scroll to a selected component when focused via 5way
## [3.0.0-rc.2] - 2019-08-08
### Added
- `moonstone/Icon.icons` entries for new icons
### Fixed
- `moonstone` to support custom font for simplified Chinese
- `moonstone` disabled focus appearance to match the latest designs
- `moonstone/DatePicker`, `moonstone/DayPicker`, `moonstone/ExpandableList`, and `moonstone/TimePicker` disabled opacity in high contrast mode
- `moonstone/Picker` to avoid overlapping items on render
- `moonstone/Scroller` and other scrolling components to properly scroll via remote page up/down buttons when nested within another scrolling component
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll via a page up or down key when focus is on any vertical paging control while in pointer mode
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to correctly set focus after scrolling by page up/down keys
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` not to scroll via a page up or down key when focus is on any horizontal paging control
## [3.0.0-rc.1] - 2019-07-31
### Added
- `moonstone/LabeledIconButton` prop `flip` to flip the icon horizontally, vertically, or both
- `moonstone/Popup` public class names `body` and `closeContainer`
### Changed
- `moonstone/Dialog` appearance to match the latest designs
- `moonstone/Scroller` and other scrolling components to scroll via remote page up/down buttons when the scrollbar is hidden
### Fixed
- `moonstone` fonts be consolidated under "Moonstone" font-family to properly display all localized fonts when representing glyphs from any locale
- `moonstone/Input` text color when focused and disabled
- `moonstone/Panels` to allow 5-way navigation to components within `controls` when used with a `Header` with `headerInput`
- `moonstone/Panels` to treat all components within `controls` as part of the active panel for the purposes of accessibility
- `moonstone/Scroller` to not jump to the top when right key is pressed in the right most item of a vertical scroller
- `moonstone/Scroller` to not scroll horizontally via 5-way down in horizontal scroller
- `moonstone/Tooltip` arrow gap
- `moonstone/VideoPlayer` feedback tooltip to overlap in non-latin locale
- `moonstone/VideoPlayer` more button tooltip to not clip or reverse text in RTL locales
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to navigate items properly in RTL languages
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to properly navigate from paging controls to controls out of the list
## [3.0.0-beta.2] - 2019-07-23
### Added
- `moonstone/Panels.Header` prop `hideLine` to hide the bottom separator line
- `moonstone/Panels.Header` type "dense" for "AlwaysViewing" Panels types
### Fixed
- `moonstone/Dropdown` button to not animate
- `moonstone/FormCheckboxItem` so it doesn't change size between normal and large text mode
- `moonstone/Heading` to have a bit more space between the text and the line, when the line is present
- `moonstone/LabeledItem` to pass `marqueeOn` prop to its contents
- `moonstone/Panels.Header` to use the latest designs with better spacing between the titles below
- `moonstone/Picker` accessibility read out when a button becomes disabled
- `moonstone/ProgressBar`, `moonstone/Slider`, and `moonstone/IncrementSlider` to use the latest set of design colors
- `moonstone/RadioItem` to have a much prettier dot in dark and light skins
- `moonstone/Spinner` to use the latest designs
- `moonstone/Tooltip` layer order so it doesn't interfere with other positioned elements, like `ContextualPopup`
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to properly respond to 5way directional key presses
## [3.0.0-beta.1] - 2019-07-15
### Removed
- `small` prop in `moonstone/Input`, `moonstone/ToggleButton`, `moonstone/Button`, `moonstone/Icon`, `moonstone/IconButton`, and `moonstone/LabeledIcon`, replaced by `size` prop, which accepts `"small"` or `"large"`
- `moonstone/Divider`, replaced by `moonstone/Heading`
### Added
- `ilib@^14.2.0` as a package peer dependency, which apps will need to include
- `moonstone/Dropdown` widths `tiny`, and `huge`
### Fixed
- Fonts to use the updated names of global fonts available in the system
- `moonstone/Popup` to properly handle closing in mid-transition
- `moonstone/Scroller` to properly move focus out of the container
- `moonstone/VirtualList` to allow keydown events to bubble up when not handled by the component
- `moonstone/IncrementSlider` to support aria-label when disabled
- `moonstone/LabeledItem` to not clip the bottom of descender glyphs in large text mode
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` not to scroll too far by page up/down keys
- `moonstone/VirtualList.VirtualGridList` scrolling when navigating to an adjacent item
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to focus an item properly after an update
## [3.0.0-alpha.7] - 2019-06-24
### Fixed
- `moonstone/Dropdown` to scroll to and focus the selected item when opened
- `moonstone/ExpandableItem.ExpandableItemBase` to not error if `onClose` or `onOpen` was not supplied
- `moonstone/GridListImageItem` to support overriding the `image` CSS class name
- `moonstone/Scroller` to scroll and to move focus to the paging control properly if the current item sticking to the top is only spottable
- `moonstone/VirtualList` to scroll to the focused item when navigating out of the viewport via 5-way
## [3.0.0-alpha.6] - 2019-06-17
### Removed
- `moonstone/Divider`, `moonstone/Dialog`, and `moonstone/Heading` prop `casing`
### Fixed
- `moonstone/Dropdown` to support voice readout
- `moonstone/Dropdown` remaining open after it becomes `disabled`
## [3.0.0-alpha.5] - 2019-06-10
### Added
- `moonstone/Dropdown` property `width` to support `'small'`, `'medium'`, and `'large'` sizes
### Fixed
- `moonstone/Panels.Header` to center text when `centered` is used and additional controls are included by `moonstone/Panels`
- Fonts for non-Latin to not intermix font weights for bold when using a combination of Latin and non-Latin glyphs
- `moonstone/VirtualList` to restore focus to an item when scrollbars are visible
## [3.0.0-alpha.4] - 2019-06-03
### Changed
- `moonstone/Dropdown` to prevent spotlight moving out of the popup
- `moonstone/Dropdown` to use radio selection which allows only changing the selection but not deselection
### Fixed
- Non-Latin locale font assignments to match the new font family support in `LG Smart UI`
- `moonstone/Checkbox`, `moonstone/FormCheckbox`, `moonstone/Panels.Header`, `moonstone/RadioItem`, `moonstone/Slider`, and `moonstone/Switch` to render correctly in high contrast
- `moonstone/VideoPlayer` to hide scrim for high contrast if bottom controls are hidden
## [3.0.0-alpha.3] - 2019-05-29
### Added
- `moonstone/Panels` support for managing share state of contained components
- `moonstone/Scroller` and `moonstone/VirtualList` support for restoring scroll position when within a `moonstone/Panels.Panel`
### Changed
- `moonstone/Scroller` to scroll when no spottable child exists in the pressed 5-way key direction and, when `focusableScrollbar` is set, focus the scrollbar button
### Fixed
- Fonts to correctly use the new font files and updated the international font name from "Moonstone LG Display" to "Moonstone Global"
- `moonstone/Dropdown` `children` propType so it supports the same format as `ui/Group` (an array of strings or an array of objects with props)
- `moonstone/FormCheckbox`, `moonstone/Input`, `moonstone/ProgressBar`, `moonstone/RadioItem`, `moonstone/SwitchItem`, and `moonstone/Tooltip` light skin colors.
- `moonstone/VideoPlayer` to have correct sized control buttons
## [3.0.0-alpha.2] - 2019-05-20
### Added
- `moonstone/Heading` prop `spacing` with default value `'small'`
### Fixed
- `moonstone/Button` background colors for translucent and lightTranslucent
- `moonstone/Checkbox` by updating colors for both dark and light skins
- `moonstone/DaySelector` item text size in large-text mode
- `moonstone/Dropdown` popup scroller arrows showing in non-latin locales and added large-text mode support
- `moonstone/FormCheckboxItem` to match the designs
- `moonstone/Panels.Header` with `Input` to not have a distracting white background color
- `moonstone/Input` caret color to match the designs (black bar on white background, white bar on black background, standard inversion)
- `moonstone/Item` height in non-latin locales
- `moonstone/RadioItem` and `moonstone/SelectableItem` icon size in large-text mode
## [3.0.0-alpha.1] - 2019-05-15
### Removed
- `moonstone/Button` and `moonstone/Panels.Header` prop `casing` which is no longer supported
- `moonstone/Input.InputBase` prop `focused` which was used to indicate when the internal input field had focused but was replaced by the `:focus-within` pseudo-selector
- `moonstone/VirtualList` and `moonstone/VirtualList.VirtualGridList` property `isItemDisabled`
### Added
- `moonstone/BodyText` prop `size` to offer a new "small" size
- `moonstone/Button` prop `iconPosition`
- `moonstone/ContextualPopup` config `noArrow`
- `moonstone/Dropdown` component
- `moonstone/Panels.Header` prop `centered` to support immersive apps with a completely centered design
- `moonstone/Heading` component, an improved version of `moonstone/Divider` with additional features
- `moonstone/Panels` slot `<controls>` to easily add custom controls next to the Panels' "close" button
- `moonstone/Spinner` prop `size` to support a new "small" size for use inside `SlotItem` components
- `moonstone/TooltipDecorator` prop `tooltipRelative` and `moonstone/TooltipDecorator.Tooltip` prop `relative` to support relative positioning. This is an advanced feature and requires a container with specific rules. See documentation for details.
### Changed
- `moonstone/Button.ButtonDecorator` to remove `i18n/Uppercase` HOC
- `moonstone/Button`, `moonstone/Checkbox`, `moonstone/CheckboxItem`, `moonstone/ContextualPopupDecorator`, `moonstone/FormCheckbox`, `moonstone/FormCheckboxItem`, `moonstone/Panels.Header`, `moonstone/Notification`, `moonstone/RadioItem`, and `moonstone/Tooltip` appearance to match the latest designs
- `moonstone/Button`, `moonstone/Dropdown`, `moonstone/Icon`, `moonstone/IconButton`, `moonstone/Input`, and `moonstone/ToggleButton` default size to "small", which unifies their initial heights
- `moonstone/DaySelector` to have squared check boxes to match the rest of the checkmark components
- `moonstone/LabeledIcon` and `moonstone/LabeledIconButton` text size to be smaller
- `moonstone/Panel` and `moonstone/Panels` now allocate slightly more screen edge space for a cleaner look
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` scrollbar button to gain focus when pressing a page up or down key if `focusableScrollbar` is true
- global styling rules affecting standard font-weight, disabled opacity, and LESS color variable definitions
### Fixed
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll by page up/down keys without focus in pointer mode
## [2.6.0] - ???
### Deprecated
- `moonstone/Divider` which will be replaced by `moonstone/Heading`
- `moonstone/Input.InputBase` prop `focused` which will be handled by CSS in 3.0
- `small` prop in `moonstone/Input` and `moonstone/ToggleButton`, which will be replaced by `size="small"` in 3.0
### Added
- `moonstone/Input` and `moonstone/ToggleButton` prop `size`
- `moonstone/Button`, `moonstone/IconButton`, and `moonstone/LabeledIconButton` public class name `large` to support customizing the style for the new `size` prop on `ui/Button`
### Fixed
- `moonstone/EditableIntegerPicker`, `moonstone/Picker`, and `moonstone/RangePicker` to not error when the `min` prop exceeds the `max` prop
## [2.5.3] - 2019-06-06
### Fixed
- `moonstone/ContextualPopupDecorator` imperative methods to be correctly bound to the instance
- `moonstone/ExpandableInput` to retain focus when touching within the input field on touch platforms
- `moonstone/ExpandableList` to not error if `selected` is passed as an array to a non-multi-select list
- `moonstone/Scroller` to allow changing spotlight focus to opposite scroll button when switching to 5way mode
- `moonstone/ExpandableInput` to retain focus when touching within the input field on touch platforms
- `moonstone/Input` refocusing on touch on iOS
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to change spotlight focus due to touch events
- `moonstone/Slider` to not scroll the viewport when dragging on touch platforms
- `moonstone/VideoPlayer` to correctly handle touch events while moving slider knobs
- `moonstone/VirtualList` and `moonstone/Scroller` to animate with 5-way navigation by default
## [2.5.2] - 2019-04-23
### Fixed
- `moonstone/EditableIntegerPicker` text alignment when not editing the value
- `moonstone/Scroller` to scroll via dragging when the platform has touch support
- `moonstone/VideoPlayer` to continue to display the thumbnail image while the slider is focused
## [2.5.1] - 2019-04-09
### Fixed
- `moonstone/ExpandableInput` to close on touch platforms when tapping another component
## [2.5.0] - 2019-04-01
### Fixed
- `moonstone/ContextualPopupDecorator` method `positionContextualPopup()` to correctly reposition the popup when invoked from app code
- `moonstone/Tooltip` to better support long tooltips
- `moonstone/Popup` to resume spotlight pauses when closing with animation
- `moonstone/Panels` to correctly ignore `null` children
## [2.4.1] - 2019-03-11
### Changed
- `moonstone/Picker` to display more of the selected value in wide instances
### Fixed
- `moonstone/Checkbox`, `moonstone/FormCheckbox`, `moonstone/RadioItem`, `moonstone/SelectableIcon`, and `moonstone/Slider` spotlight muted colors
- `moonstone/Spinner` animation synchronization after a rerender
- `moonstone/TooltipDecorator` to position `Tooltip` correctly when the wrapped component moves or resizes
- `moonstone/VideoPlayer` to continue to show thumbnail when playback control keys are pressed
- `moonstone/VideoPlayer` to stop seeking by remote key when it loses focus
- `moonstone/VirtualList` to only resume spotlight pauses it initiated
- `moonstone/ExpandableItem` to be better optimized on mount
## [2.4.0] - 2019-03-04
### Added
- `line-height` rule to base text CSS for both latin and non-latin locales
- Support for high contrast colors in dark and light `moonstone`
- `moonstone/BodyText` prop `noWrap` which automatically adds `moonstone/Marquee` support as well as limits the content to only display one line of text
### Changed
- `moonstone/Spinner` visuals from 3 spinning balls to an energetic flexing line
### Fixed
- `moonstone/Panels` to set child's `autoFocus` prop to `default-element` when `index` increases
- `moonstone/Slider` to prevent gaining focus when clicked when disabled
- `moonstone/Slider` to prevent default browser scroll behavior when 5-way directional key is pressed on an active knob
- `moonstone/DatePicker` and `moonstone/TimePicker` to close with back/ESC
- `moonstone/DatePicker` and `moonstone/TimePicker` value handling when open on mount
- `moonstone/ContextualPopupDecorator` to correctly focus on popup content when opened
## [2.3.0] - 2019-02-11
### Added
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` property `childProps` to support additional props included in the object passed to the `itemsRenderer` callback
- `moonstone/Skinnable` support for `skinVariants`, to enable features like high contrast mode and large text mode
- Support for 8k (UHD2) displays
### Changed
- All content-containing LESS stylesheets (not within a `styles` directory) extensions to be `*.module.less` to retain modular context with CLI 2.x.
### Fixed
- `moonstone/VirtualList` to focus an item properly by `scrollTo` API immediately after a prior call to the same position
- `moonstone/Popup` to close floating layer when the popup closes without animation
## [2.2.9] - 2019-01-11
### Fixed
- `moonstone/Scroller` scrolling to boundary behavior for short scrollers
## [2.2.8] - 2018-12-06
### Fixed
- `moonstone/ExpandableInput` to focus labeled item on close
- `moonstone/ExpandableItem` to disable its spotlight container when the component is disabled
- `moonstone/Scroller` to correctly handle scrolling focused elements and containers into view
## [2.2.7] - 2018-11-21
### Fixed
- `moonstone/Picker`, `moonstone/ExpandablePicker`, `moonstone/ExpandableList`, `moonstone/IncrementSlider` to support disabling voice control
## [2.2.6] - 2018-11-15
### Fixed
- `moonstone/VideoPlayer` to blur slider when hiding media controls
- `moonstone/VideoPlayer` to disable pointer mode when hiding media controls via 5-way
- `moonstone/VirtualList` and `moonstone/Scroller` to not to animate with 5-way navigation by default
## [2.2.5] - 2018-11-05
### Fixed
- `moonstone/ExpandableItem` to not steal focus after closing
## [2.2.4] - 2018-10-29
### Fixed
- `moonstone/MoonstoneDecorator` to apply both Latin and non-Latin rules to the root element so all children inherit the correct default font rules.
- `moonstone/Marquee`, `moonstone/MediaOverlay` to display locale-based font
- `moonstone/DayPicker` separator character used between selected days in the label in fa-IR locale
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` scrolling by voice commands in RTL locales
## [2.2.3] - 2018-10-22
### Fixed
- `moonstone/Scroller` to respect the disabled spotlight container status when handling pointer events
- `moonstone/Scroller` to scroll to the boundary when focusing the first or last element with a minimal margin in 5-way mode
- `moonstone/VideoPlayer` to position the slider knob correctly when beyond the left or right edge of the slider
## [2.2.2] - 2018-10-15
### Fixed
- `moonstone/Scroller` stuttering when page up/down key is pressed
## [2.2.1] - 2018-10-09
### Fixed
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to notify user when scrolling is not possible via voice command
- `moonstone/TimePicker` to not read out meridiem label when changing the value
## [2.2.0] - 2018-10-02
### Added
- `moonstone/GridListImageItem` voice control feature support
### Fixed
- `moonstone/DayPicker` to prevent closing when selecting days via voice control
- `moonstone/VideoPlayer` to unfocus media controls when hidden
- `moonstone/Scroller` to set correct scroll position when an expandable child is closed
- `moonstone/Scroller` to prevent focusing children while scrolling
## [2.1.4] - 2018-09-17
### Fixed
- `moonstone/Button` and `moonstone/IconButton` to style image-based icons correctly when focused and disabled
- `moonstone/FormCheckboxItem` styling when focused and disabled
- `moonstone/Panels` to always blur breadcrumbs when transitioning to a new panel
- `moonstone/Scroller` to correctly set scroll position when nested item is focused
- `moonstone/Scroller` to not adjust `scrollTop` when nested item is focused
- `moonstone/VideoPlayer` to show correct playback rate feedback on play or pause
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to handle 5way navigation properly when `focusableScrollbar` is true
## [2.1.3] - 2018-09-10
### Fixed
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to show overscroll effects properly on repeating wheel input
- `moonstone/TooltipDecorator` to handle runtime error when setting `tooltipText` to an empty string
- `moonstone/VideoPlayer` timing to read out `infoComponents` accessibility value when `moreButton` or `moreButtonColor` is pressed
## [2.1.2] - 2018-09-04
### Fixed
- `moonstone/ExpandableItem` to prevent default browser scroll behavior when 5-way key is pressed on the first item or the last item
- `moonstone/Scroller` scrolling behavior for focused items in 5-way mode
- `moonstone/Scroller` to scroll container elements into view
- `moonstone/TooltipDecorator` to update position when `tooltipText` is changed
- `moonstone/VideoPlayer` to prevent default browser scroll behavior when navigating via 5-way
- `moonstone/VirtualList` to allow `onKeyDown` events to bubble
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` scrolling via page up or down keys
## [2.1.1] - 2018-08-27
### Changed
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to show overscroll effects only by wheel input
### Fixed
- `moonstone/VideoPlayer` so that activity is detected and the `autoCloseTimeout` timer is reset when using 5-way to navigate from the media slider
### Fixed
- `moonstone/Picker` to fire onChange events, due to a hold, consistently across pointer and 5-way navigation
## [2.1.0] - 2018-08-20
### Added
- `moonstone/VideoPlayer` property `noMediaSliderFeedback`
- `moonstone/VideoPlayer.MediaControls` property `playPauseButtonDisabled`
### Changed
- `moonstone/Picker` key down hold threshold to 800ms before firing the `onChange` event
### Fixed
- `moonstone/GridListImageItem` to properly vertically align when the content varies in size
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to not scroll by dragging
- `moonstone/Slider` to not emit `onChange` event when `value` has not changed
- `moonstone/VideoPlayer` to focus on available media buttons if the default spotlight component is disabled
- `moonstone/VideoPlayer` to keep media controls visible when interacting with popups
- `moonstone/VideoPlayer` to read out `infoComponents` accessibility value when `moreButtonColor` is pressed
- `moonstone/VideoPlayer` to round the time displayed down to the nearest second
- `moonstone/VirtualList` to restore last focused item correctly
## [2.0.2] - 2018-08-13
### Fixed
- `moonstone/DatePicker` to correctly change year when `minYear` and `maxYear` aren't provided
- `moonstone/EditableIntegerPicker` management of spotlight pointer mode
- `moonstone/LabeledIcon` and `moonstone/LabeledIconButton` to have proper spacing and label-alignment with all label positions
- `moonstone/Popup` to prevent duplicate 5-way navigation when `spotlightRestrict="self-first"`
- `moonstone/Scroller` not to scroll to wrong position via 5way navigation in RTL languages
- `moonstone/Scroller` not to scroll when focusing in pointer mode
- `moonstone/Slider` to forward `onActivate` event
- `moonstone/VideoPlayer` to reset key down hold when media becomes unavailable
## [2.0.1] - 2018-08-01
### Fixed
- `moonstone/Dialog` read order of dialog contents
- `moonstone/Scroller` to go to next page properly via page up/down keys
## [2.0.0] - 2018-07-30
### Added
- `moonstone/LabeledIcon` and `moonstone/LabeledIconButton` components for a lightweight `Icon` or `IconButton` with a label
- `moonstone/VideoPlayer` property `noAutoShowMediaControls`
### Fixed
- `moonstone/Scroller` to prevent scrolling via page up/down keys if there is no spottable component in that direction
- `moonstone/Dialog` to hide `titleBelow` when `title` is not set
- `moonstone/Image` to suppress drag and drop support by default
- `moonstone/VideoPlayer` audio guidance behavior of More button
- `moonstone/VirtualList.VirtualGridList` and `moonstone/VirtualList.VirtualList` to handle focus properly via page up/down keys when switching to 5-way mode
- `moonstone/Popup` to spot the content after it's mounted
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll properly via voice control in RTL locales
## [2.0.0-rc.3] - 2018-07-23
### Changed
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` overscroll effect color more recognizable on the focused element
### Fixed
- `moonstone/ContextualPopup` to refocus its activator on close when the popup lacks spottable children
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll properly when holding down paging control buttons
- `moonstone/ExpandableItem` spotlight behavior when leaving the component via 5-way
- `moonstone/RadioItem` circle thickness to be 2px, matching the design
- `moonstone/Slider` to correctly prevent 5-way actions when activated
- `moonstone/ExpandableItem` and other expandable components to spotlight correctly when switching from pointer mode to 5-way with `closeOnSelect`
## [2.0.0-rc.2] - 2018-07-16
### Fixed
- `moonstone/Input` to not focus by *tab* key
- `moonstone/Picker` to properly set focus when navigating between buttons
- `moonstone/Popup` to set correct open state while transitioning
- `moonstone/ProgressBar.ProgressBarTooltip` unknown props warning
- `moonstone/Scrollable` to disable spotlight container during flick events only when contents can scroll
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to scroll properly when `animate` is false via `scrollTo`
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` page controls to stop propagating an event when the event is handled
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to hide overscroll effect when focus is moved from a disabled paging control button to the opposite button
- `moonstone/Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to show overscroll effect when reaching the edge for the first time by wheel
- `moonstone/VideoPlayer` to display feedback tooltip when pointer leaves slider while playing
- `moonstone/VirtualList` and `moonstone/VirtualGridList` to restore focus on items focused by pointer
## [2.0.0-rc.1] - 2018-07-09
### Added
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` support `data-webos-voice-focused` and `data-webos-voice-group-label`
### Removed
- `moonstone/Button` built-in support for tooltips
### Changed
- `moonstone/Spinner` to blur Spotlight when the spinner is active
### Fixed
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to handle direction, page up, and page down keys properly on page controls them when `focusableScrollbar` is false
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` to handle a page up or down key in pointer mode
- `moonstone/VideoPlayer.MediaControls` to correctly handle more button color when the prop is not specified
- `VirtualList.VirtualList` to handle focus properly when switching to 5-way mode
## [2.0.0-beta.9] - 2018-07-02
### Added
- `moonstone/ContextualPopupDecorator` instance method `positionContextualPopup()`
- `moonstone/MoonstoneDecorator` config property `disableFullscreen` to prevent the decorator from filling the entire screen
- `moonstone/Scroller` prop `onUpdate`
### Fixed
- `moonstone/Scrollable` to update scroll properly on pointer click
- `moonstone/TooltipDecorator` to prevent unnecessary re-renders when losing focus
- `moonstone/TooltipDecorator` to not dismiss the tooltip on pointer click
## [2.0.0-beta.8] - 2018-06-25
### Added
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` support for scrolling via voice control on webOS
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` overscroll effect when the edges are reached
### Changed
- `moonstone/Divider` property `marqueeOn` default value to `render`
- `moonstone/Scroller.Scroller`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/VirtualList.VirtualList` scrollbar button to move a previous or next page when pressing a page up or down key instead of releasing it
### Fixed
- `moonstone/VideoPlayer` to prevent updating state when the source is changed to the preload source, but the current preload source is the same
- `moonstone/MediaOverlay` to marquee correctly
- `moonstone/MediaOverlay` to match UX guidelines
## [2.0.0-beta.7] - 2018-06-11
### Removed
- `moonstone/Dialog` properties `preserveCase` and `showDivider`, replaced by `casing` and `noDivider` respectively
- `moonstone/Divider` property `preserveCase`, replaced by `casing`
- `moonstone/ExpandableInput` property `onInputChange`, replaced by `onChange`
- `moonstone/MoonstoneDecorator.TextSizeDecorator`, replaced by `moonstone/MoonstoneDecorator.AccessibilityDecorator`
- `moonstone/Panels.Header` property `preserveCase`, replaced by `casing`
- `moonstone/Panels.Panel` property `noAutoFocus`, replaced by `autoFocus`
- `moonstone/TooltipDecorator` property `tooltipPreserveCase`, replaced by `tooltipCasing`
### Changed
- `moonstone/VideoPlayer` to allow spotlight focus to move left and right from `MediaControls`
- `moonstone/VideoPlayer` to disable bottom controls when loading until it's playable
### Fixed
- `moonstone/EditableIntegerPicker` to disable itself when on a range consisting of a single static value
- `moonstone/Picker` to disable itself when containing fewer than two items
- `moonstone/Popup` to spot its content correctly when `open` by default
- `moonstone/RangePicker` to disable itself when on a range consisting of a single static value
- `moonstone/TooltipDecorator` to hide when `onDismiss` has been invoked
- `moonstone/VideoPlayer` to show media controls when pressing down in pointer mode
- `moonstone/VideoPlayer` to provide a more natural 5-way focus behavior
- `moonstone/VideoPlayer.MediaControls` to handle left and right key to jump when `moonstone/VideoPlayer` is focused
## [2.0.0-beta.6] - 2018-06-04
### Removed
- `moonstone/IncrementSlider` prop `children` which was no longer supported for setting the tooltip (since 2.0.0-beta.1)
### Fixed
- `moonstone/ContextualPopupDecorator` to allow focusing components under a popup without any focusable components
- `moonstone/Scroller` ordering of logic for Scroller focus to check focus possibilities first then go to fallback at the top of the container
- `moonstone/Scroller` to check focus possibilities first then go to fallback at the top of the container of focused item
- `moonstone/Scroller` to scroll by page when focus was at the edge of the viewport
- `moonstone/ToggleButton` padding and orientation for RTL
- `moonstone/VideoPlayer` to not hide title and info section when showing more components
- `moonstone/VideoPlayer` to select a position in slider to seek in 5-way mode
- `moonstone/VideoPlayer` to show thumbnail only when focused on slider
## [2.0.0-beta.5] - 2018-05-29
### Removed
- `moonstone/Popup`, `moonstone/Dialog` and `moonstone/Notification` property `spotlightRestrict` option `'none'`
- `moonstone/VideoPlayer` prop `preloadSource`, to be replaced by `moonstone/VideoPlayer.Video` prop `preloadSource`
- `moonstone/Button` and `moonstone/IconButton` allowed value `'opaque'` from prop `backgroundOpacity` which was the default and therefore has the same effect as omitting the prop
### Added
- `moonstone/VideoPlayer` props `selection` and `onSeekOutsideRange` to support selecting a range and notification of interactions outside of that range
- `moonstone/VideoPlayer.Video` component to support preloading video sources
### Changed
- `moonstone/VideoPlayer.videoComponent` prop to default to `ui/Media.Media` instead of `'video'`. As a result, to use a custom video element, one must pass an instance of `ui/Media` with its `mediaComponent` prop set to the desired element.
### Fixed
- `moonstone/ContextualPopupDecorator` to properly stop propagating keydown event if fired from the popup container
- `moonstone/Slider` to read when knob gains focus or for a change in value
- `moonstone/Scroller` to not cut off Expandables when scrollbar appears
- `moonstone/VideoPlayer` to correctly read out when play button is pressed
- `moonstone/Divider` to always use a fixed height, regardless of locale
## [2.0.0-beta.4] - 2018-05-21
### Added
- `moonstone/Button` and `moonstone/IconButton` class name `small` to the list of allowed `css` overrides
- `moonstone/VideoPlayer.MediaControls` property `onClose` to handle back key
- `moonstone/ProgressBar` prop `highlighted` for when the UX needs to call special attention to a progress bar
### Changed
- `moonstone/VideoPlayer` to disable media slider when source is unavailable
### Fixed
- `moonstone/ContextualPopupDecorator` to not set focus to activator when closing if focus was set elsewhere
- `moonstone/IconButton` to allow external customization of vertical alignment of its `Icon` by setting `line-height`
- `moonstone/Marquee.MarqueeController` to not cancel valid animations
- `moonstone/VideoPlayer` feedback and feedback icon to hide properly on play/pause/fast forward/rewind
- `moonstone/VideoPlayer` to correctly focus to default media controls component
- `moonstone/VideoPlayer` to close opened popup components when media controls hide
- `moonstone/VideoPlayer` to show controls on mount and when playing next preload video
## [2.0.0-beta.3] - 2018-05-14
### Added
- `moonstone/SelectableItem.SelectableItemDecorator`
### Changed
- `moonstone/ToggleItem` to forward native events on `onFocus` and `onBlur`
- `moonstone/Input` and `moonstone/ExpandableInput` to support forwarding valid `<input>` props to the contained `<input>` node
- `moonstone/ToggleButton` to fire `onToggle` when toggled
### Fixed
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to scroll properly with all enabled items via a page up or down key
- `moonstone/VirtualList.VirtualList`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/Scroller.Scroller` to ignore any user key events in pointer mode
- `moonstone/VirtualList.VirtualList`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/Scroller.Scroller` to pass `data-spotlight-container-disabled` prop to their outer DOM element
- `moonstone/Image` so it automatically swaps the `src` to the appropriate resolution dynamically as the screen resizes
- `moonstone/Popup` to support all `spotlightRestrict` options
- `moonstone` component `disabled` colors to match the most recent design guidelines (from 30% to 60% opacity)
- `moonstone/ExpandableInput` spotlight behavior when leaving the component via 5-way
## [2.0.0-beta.2] - 2018-05-07
### Fixed
- `moonstone/IconButton` to allow theme-style customization, like it claimed was possible
- `moonstone/ExpandableItem` and related expandables to deal with disabled items and the `autoClose`, `lockBottom` and `noLockBottom` props
- `moonstone/Slider` not to fire `onChange` event when 5-ways out of boundary
- `moonstone/ToggleButton` layout for RTL locales
- `moonstone/Item`, `moonstone/SlotItem`, `moonstone/ToggleItem` to not apply duplicate `className` values
- `moonstone/VirtualList.VirtualList`, `moonstone/VirtualList.VirtualGridList`, and `moonstone/Scroller.Scroller` scrollbar button's aria-label in RTL
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to scroll properly with all disabled items
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to not scroll on focus when jumping
## [2.0.0-beta.1] - 2018-04-29
### Removed
- `moonstone/IncrementSlider` and `moonstone/Slider` props `tooltipAsPercent`, `tooltipSide`, and `tooltipForceSide`, to be replaced by `moonstone/IncrementSlider.IncrementSliderTooltip` and `moonstone/Slider.SliderTooltip` props `percent`, and `side`
- `moonstone/IncrementSlider` props `detachedKnob`, `onDecrement`, `onIncrement`, and `scrubbing`
- `moonstone/ProgressBar` props `tooltipSide` and `tooltipForceSide`, to be replaced by `moonstone/ProgressBar.ProgressBarTooltip` prop `side`
- `moonstone/Slider` props `detachedKnob`, `onDecrement`, `onIncrement`, `scrubbing`, and `onKnobMove`
- `moonstone/VideoPlayer` property `tooltipHideDelay`
- `moonstone/VideoPlayer` props `backwardIcon`, `forwardIcon`, `initialJumpDelay`, `jumpBackwardIcon`, `jumpButtonsDisabled`, `jumpDelay`, `jumpForwardIcon`, `leftComponents`, `moreButtonCloseLabel`, `moreButtonColor`, `moreButtonDisabled`, `moreButtonLabel`, `no5WayJump`, `noJumpButtons`, `noRateButtons`, `pauseIcon`, `playIcon`, `rateButtonsDisabled`, and `rightComponents`, replaced by corresponding props on `moonstone/VideoPlayer.MediaControls`
- `moonstone/VideoPlayer` props `onBackwardButtonClick`, `onForwardButtonClick`, `onJumpBackwardButtonClick`, `onJumpForwardButtonClick`, and `onPlayButtonClick`, replaced by `onRewind`, `onFastForward`, `onJumpBackward`, `onJumpForward`, `onPause`, and `onPlay`, respectively
### Added
- `moonstone/DatePicker` props `dayAriaLabel`, `dayLabel`, `monthAriaLabel`, `monthLabel`, `yearAriaLabel` and `yearLabel` to configure the label set on date pickers
- `moonstone/DayPicker` and `moonstone/DaySelector` props `dayNameLength`, `everyDayText`, `everyWeekdayText`, and `everyWeekendText`
- `moonstone/ExpandablePicker` props `checkButtonAriaLabel`, `decrementAriaLabel`, `incrementAriaLabel`, and `pickerAriaLabel` to configure the label set on each button and picker
- `moonstone/MediaOverlay` component
- `moonstone/Picker` props `aria-label`, `decrementAriaLabel`, and `incrementAriaLabel` to configure the label set on each button
- `moonstone/Popup` property `closeButtonAriaLabel` to configure the label set on popup close button
- `moonstone/ProgressBar.ProgressBarTooltip` props `percent` to format the value as a percent and `visible` to control display of the tooltip
- `moonstone/TimePicker` props `hourAriaLabel`, `hourLabel`, `meridiemAriaLabel`, `meridiemLabel`, `minuteAriaLabel`, and `minuteLabel` to configure the label set on time pickers
- `moonstone/VideoPlayer.MediaControls` component to support additional customization of the playback controls
- `moonstone/VideoPlayer` props `mediaControlsComponent`, `onRewind`, `onFastForward`, `onJumpBackward`, `onJumpForward`, `onPause`, `onPlay`, and `preloadSource`
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` `role="list"`
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` prop `wrap` to support wrap-around spotlight navigation
- `moonstone/VirtualList`, `moonstone/VirtualGridList` and `moonstone/Scroller` props `scrollRightAriaLabel`, `scrollLeftAriaLabel`, `scrollDownAriaLabel`, and `scrollUpAriaLabel` to configure the aria-label set on scroll buttons in the scrollbars
### Changed
- `moonstone/IncrementSlider` and `moonstone/Slider` prop `tooltip` to support either a boolean for the default tooltip or an element or component for a custom tooltip
- `moonstone/Input` to prevent pointer actions on other component when the input has focus
- `moonstone/ProgressBar.ProgressBarTooltip` prop `side` to support either locale-aware or locale-independent positioning
- `moonstone/ProgressBar.ProgressBarTooltip` prop `tooltip` to support custom tooltip components
- `moonstone/Scroller`, `moonstone/Picker`, and `moonstone/IncrementSlider` to retain focus on `moonstone/IconButton` when it becomes disabled
### Fixed
- `moonstone/ExpandableItem` and related expandable components to expand smoothly when used in a scroller
- `moonstone/GridListImageItem` to show proper `placeholder` and `selectionOverlay`
- `moonstone/MoonstoneDecorator` to optimize localized font loading performance
- `moonstone/Scroller` and `moonstone/VirtualList` navigation via 5-way from paging controls
- `moonstone/VideoPlayer` to render bottom controls at idle after mounting
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to give initial focus
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to have the default value for `dataSize`, `pageScroll`, and `spacing` props
## [2.0.0-alpha.8] - 2018-04-17
### Added
- `moonstone/Panels` property `closeButtonAriaLabel` to configure the label set on application close button
### Changed
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` to set its ARIA `role` to `"list"`
- `moonstone/VideoPlayer` property `title` to accept node type
### Fixed
- `moonstone/TimePicker` to show `meridiem` correctly in all locales
- `moonstone/Scrollable` scroll buttons to read out out audio guidance when button pressed down
- `moonstone/ExpandableItem` to show label properly when open and disabled
- `moonstone/Notification` to position properly in RTL locales
- `moonstone/VideoPlayer` to show controls when pressing 5-way select
## [2.0.0-alpha.7] - 2018-04-03
### Removed
- `moonstone/VirtualList.VirtualList` and `moonstone/VirtualList.VirtualGridList` prop `data` to eliminate the misunderstanding caused by the ambiguity of `data`
### Added
- `moonstone/VideoPlayer` p