Releases: enactjs/enact
Releases · enactjs/enact
Release 3.2.1
Fixed
moonstone/VirtualList
horizontal scrolling in RTL localesmoonstone/EditableIntegerPicker
to include theunit
in the ARIA read outui/VirtualList.VirtualList
item rendering in RTL locales
Release 3.2.0
Added
moonstone/Icon
iconsui/Marquee
propmarqueeSpacing
and CSS classspacing
to configure the spacing between the repeated content
Changed
ilib
peer dependency to^14.4.0 || ^14.4.0-webostv1
baseline to target support for caching improvementsui/Marquee
to have a wrap-around effect
Fixed
moonstone/Icon
icon sizesmoonstone/InputSpotlightDecorator
to not focus when Spotlight is pausedui/Marquee
to start on focus when disabled
Release 3.1.3
Added
moonstone/Icon
icons
Fixed
moonstone/Button
color
bar heightmoonstone/Slider
to showtooltip
when disabledmoonstone/TooltipDecorator
to keep showing when changing from pointer mode to 5-way modemoonstone/Scroller
,moonstone/VirtualList.VirtualGridList
, andmoonstone/VirtualList.VirtualList
to scroll correctly when clicking on paging controls during a scroll eventmoonstone/FormCheckbox
andmoonstone/RadioItem
high contrast colorsui/FloatingLayer
to be dismissable whenopen
on mount
Release 3.1.2
Fixed
core/handle
documentation for even better Typescript outputmoonstone
language-specific (LG Smart UI AR HE TH
) and Indian font assignmentui/Button
to not requirechildren
ui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
to scroll smoothly when wheelingui/Scroller
,ui/VirtualList.VirtualGridList
, andui/VirtualList.VirtualList
to scroll correctly after performing flick events
Release 3.1.1
Fixed
core/kind
documentation ofhandlers
andcomputed
functions to support better Typescript definitionsmoonstone
internationalization resource loadingmoonstone/Dropdown
to only callonOpen
when closedmoonstone/Input
text colormoonstone/VirtualList.VirtualGridList
andmoonstone/VirtualList.VirtualList
to correctly set focus to items scrolling into the viewportmoonstone/VirtualList.VirtualList
to scroll properly when a different sized item gains focusui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
to show items properly when reducing data size
Release 3.1.0
Deprecated
moonstone/ProgressBar.ProgressBarTooltip
andmoonstone/Slider.SliderTooltip
propside
, will be replaced byposition
in 4.0.0
Added
core/platform
membertouchscreen
to detect the presence of a touchscreen separately from support for touch eventsmoonstone/Dropdown
to add new sizex-large
moonstone/ProgressBar.ProgressBarTooltip
andmoonstone/Slider.SliderTooltip
propposition
, replacingside
moonstone/VirtualList.VirtualGridList
andmoonstone/VirtualList.VirtualList
proprole
to set the ARIArole
spotlight
support for passing a spottable node or a container node or selector toSpotlight.focus()
ui/Routable
moduleui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
proprole
to set its ARIArole
Fixed
core/kind
andcore/handle
documentation to support better Typescript definitionscore/platform
touch event detectionmoonstone/Header
to fix font size oftitleBelow
andsubTitleBelow
moonstone/Dropdown
to applytiny
widthmoonstone/Dropdown
to include selecteddata
in theonSelect
handlermoonstone/Scroller
,moonstone/VirtualList.VirtualGridList
, andmoonstone/VirtualList.VirtualList
spotlight behavior to focus the last item when reaching the bounds after scroll by page up or downmoonstone/VirtualList.VirtualList
to allow a dynamically resized item to scroll into view properlymoonstone/Dropdown
accessibility read out when an item is focused
Release 3.0.1
Fixed
moonstone/Button
text alignment whencolor
is setmoonstone/FormCheckboxItem
opacity ofitemIcon
value when focused and disabledmoonstone/Notification
to shrink to fit small contentmoonstone/Scroller
to restore focus properly when pressing page up after holding 5-way downmoonstone/Switch
colors to improve visibilitymoonstone/VirtualList.VirtualGridList
andmoonstone/VirtualList.VirtualList
to properly navigate from paging controls to items by 5-way key whenfocusableScrollbar
is false
Release 3.0.0
For information about upgrading from Enact 2.x, refer to the Enact 3.0.0 migration guide at docs/migration/enact/migrating-to-enact-3.md
NOTE: Support for 2019 TV platform (Blink <68) has been dropped from this version of Enact
Removed
core/kind
config propertycontextTypes
i18n/ilib
embedded copy of iLib in favour of the NPM packageilib
i18n/Uppercase
HOC, replaced byi18n/util
casing functionsmoonstone/Button
andmoonstone/Panels.Header
propcasing
which is no longer supportedmoonstone/Divider
, replaced bymoonstone/Heading
moonstone/Divider
,moonstone/Dialog
, andmoonstone/Heading
propcasing
moonstone/Input.InputBase
propfocused
which was used to indicate when the internal input field had focused but was replaced by the:focus-within
pseudo-selectormoonstone/VirtualList
andmoonstone/VirtualList.VirtualGridList
propertyisItemDisabled
small
prop inmoonstone/Input
,moonstone/ToggleButton
,moonstone/Button
,moonstone/Icon
,moonstone/IconButton
, andmoonstone/LabeledIcon
, replaced bysize
prop, which accepts"small"
or"large"
Added
core/util.clamp
to safely clamp a value between min and max boundsilib@^14.2.0
package as a peer dependency for@enact/i18n
and@enact/moonstone
, which apps will need to includemoonstone/BodyText
propsize
to offer a new "small" sizemoonstone/Button
propiconPosition
moonstone/ContextualPopup
confignoArrow
moonstone/Dropdown
componentmoonstone/Dropdown
propertywidth
to support'small'
,'medium'
, and'large'
sizesmoonstone/Dropdown
widthstiny
, andhuge
moonstone/Panels.Header
propcentered
to support immersive apps with a completely centered designmoonstone/Panels.Header
prophideLine
to hide the bottom separator linemoonstone/Panels.Header
samplemoonstone/Panels.Header
type "dense" for "AlwaysViewing" Panels typesmoonstone/Heading
component, an improved version ofmoonstone/Divider
with additional featuresmoonstone/Heading
propspacing
with default value'small'
moonstone/Icon.icons
entries for new iconsmoonstone/LabeledIconButton
propflip
to flip the icon horizontally, vertically, or bothmoonstone/Panels
slot<controls>
to easily add custom controls next to the Panels' "close" buttonmoonstone/Panels
support for managing share state of contained componentsmoonstone/Popup
public class namesbody
andcloseContainer
moonstone/Scroller
andmoonstone/VirtualList
support for restoring scroll position when within amoonstone/Panels.Panel
moonstone/Spinner
propsize
to support a new "small" size for use insideSlotItem
componentsmoonstone/TooltipDecorator
proptooltipRelative
andmoonstone/TooltipDecorator.Tooltip
proprelative
to support relative positioning. This is an advanced feature and requires a container with specific rules. See documentation for details.ui/Button
public class.hasIcon
which is present on the root node only when an icon has been providedui/Heading
componentui/Icon
,ui/IconButton
, andui/LabeledIcon
propflip
to flip the icon horizontally, vertically, or bothui/Measurable
HOC and Hook for quick and convenient measuring of simple componentsui/Scroller
,ui/VirtualList.VirtualGridList
, andui/VirtualList.VirtualList
propnoScrollByWheel
for preventing scroll by wheelui/Toggleable
HOC config propeventProps
to allow wrapped components to specify additional event informationui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
support for resizing a window
Changed
moonstone/Button.ButtonDecorator
to removei18n/Uppercase
HOCmoonstone/Button
,moonstone/Checkbox
,moonstone/CheckboxItem
,moonstone/ContextualPopupDecorator
,moonstone/FormCheckbox
,moonstone/FormCheckboxItem
,moonstone/Panels.Header
,moonstone/Notification
,moonstone/RadioItem
, andmoonstone/Tooltip
appearance to match the latest designsmoonstone/Button
,moonstone/Dropdown
,moonstone/Icon
,moonstone/IconButton
,moonstone/Input
, andmoonstone/ToggleButton
default size to "small", which unifies their initial heightsmoonstone/DaySelector
to have squared check boxes to match the rest of the checkmark componentsmoonstone/Dialog
appearance to match the latest designsmoonstone/Dropdown
to prevent spotlight moving out of the popupmoonstone/Dropdown
to use radio selection which allows only changing the selection but not deselectionmoonstone/LabeledIcon
andmoonstone/LabeledIconButton
text size to be smallermoonstone/Panel
andmoonstone/Panels
now allocate slightly more screen edge space for a cleaner lookmoonstone/Scroller
and other scrolling components to scroll via remote page up/down buttons when the scrollbar is hiddenmoonstone/Scroller
to scroll when no spottable child exists in the pressed 5-way key direction and, whenfocusableScrollbar
is set, focus the scrollbar buttonmoonstone/Scroller.Scroller
,moonstone/VirtualList.VirtualGridList
, andmoonstone/VirtualList.VirtualList
scrollbar button to gain focus when pressing a page up or down key iffocusableScrollbar
is truesampler
look and feel by updating to Storybook 5 and applying an Enact themespotlight
containers to include nodes identified on thearia-owns
attribute of the container node as candidates within that containerspotlight/Spottable
to allow disabled items to be focusedui/ViewManager
to use Web Animations instead of animation callbacks to improve performance resulting in API changes toArranger
and the pre-configured arrangersSlideArranger
,SlideBottomArranger
,SlideLeftArranger
,SlideRightArranger
, andSlideTopArranger
- global styling rules affecting standard font-weight, disabled opacity, and LESS color variable definitions
Fixed
Fonts
for non-Latin to not intermix font weights for bold when using a combination of Latin and non-Latin glyphs- Fonts to correctly use the new font files and updated the international font name from "Moonstone LG Display" to "Moonstone Global"
- Language-specific fonts so they always use the correct typeface for their locale
- Moonstone Fonts to use the updated names of global fonts available in the system
- Non-Latin locale font assignments to match the new font family support in
LG Smart UI
core/platform
logic for webOS detectioni18n/Text
to generate a proper TypeScript definition and to properly detect if translations were available when asyncmoonstone
disabled focus appearance to match the latest designsmoonstone
fonts be consolidated under "Moonstone" font-family to properly display all localized fonts when representing glyphs from any localemoonstone
to support custom font for simplified Chinesemoonstone/Button
background colors for translucent and lightTranslucentmoonstone/Checkbox
by updating colors for both dark and light skinsmoonstone/Checkbox
,moonstone/FormCheckbox
,moonstone/Panels.Header
,moonstone/RadioItem
,moonstone/Slider
, andmoonstone/Switch
to render correctly in high contrastmoonstone/ContextualPopupDecorator
arrow rendering issue in Chromiummoonstone/ContextualPopupDecorator
layout in large text mode in RTL localesmoonstone/DatePicker
,moonstone/DayPicker
,moonstone/ExpandableList
, andmoonstone/TimePicker
disabled opacity in high contrast modemoonstone/DaySelector
item text size in large-text modemoonstone/Dropdown
button to not animatemoonstone/Dropdown
children
propType so it supports the same format asui/Group
(an array of strings or an array of objects with props)moonstone/Dropdown
performance when using many optionsmoonstone/Dropdown
popup scroller arrows showing in non-latin locales and added large-text mode supportmoonstone/Dropdown
remaining open after it becomesdisabled
moonstone/Dropdown
to scroll to and focus the selected item when openedmoonstone/Dropdown
to support voice readoutmoonstone/EditableIntegerPicker
to properly rerender when the edited value is invalidmoonstone/ExpandableItem.ExpandableItemBase
to not error ifonClose
oronOpen
was not suppliedmoonstone/FormCheckbox
,moonstone/Input
,moonstone/ProgressBar
,moonstone/RadioItem
,moonstone/SwitchItem
, andmoonstone/Tooltip
light skin colors.moonstone/FormCheckboxItem
so it doesn't change size between normal and large text modemoonstone/FormCheckboxItem
to marquee its contentsmoonstone/FormCheckboxItem
to match the designsmoonstone/GridListImageItem
to support overriding theimage
CSS class namemoonstone/Header
input highlight positioningmoonstone/Heading
to have a bit more space between the text and the line, when the line is presentmoonstone/IncrementSlider
to support aria-label when disabledmoonstone/Input
caret color to match the designs (black bar on white background, white bar on black background, standard inversion)moonstone/Input
text color when focused and disabledmoonstone/Item
height in non-latin localesmoonstone/LabeledItem
to not clip the bottom of descender glyphs in large text modemoonstone/LabeledItem
to passmarqueeOn
prop to its contentsmoonstone/MediaOverlay
to not mute media playbackmoonstone/Panels
animation performance issues on low powered hardwaremoonstone/Panels
to allow 5-way navigation to components withincontrols
when used with aHeader
withheaderInput
moonstone/Panels
to treat all components withincontrols
as part of the active panel for the purposes of accessibilitymoonstone/Panels.Header
to use the latest designs with better spacing between the titles below- `moonston...
Pre-release 3.0.0-rc.4
Fixed
moonstone/Header
input highlight positioningmoonstone/MediaOverlay
to not mute media playbackmoonstone/Panels
animation performance issues on low powered hardwaremoonstone/VirtualList.VirtualGridList
andmoonstone/VirtualList.VirtualList
to correctly scroll to a selected component when focused via 5waysampler
to limit the fields included in the Actions tab to improve serialization performance on low-powered hardwarespotlight
to attempt to restore focus to an element nearest the pointer position when the pointer hides within an overflow containerui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
to retain the proper scroll position when updating theitemSize
orspacing
props
Pre-Release 3.0.0-rc.3
Fixed
moonstone/Header
input highlight positioningmoonstone/MediaOverlay
to not mute media playbackmoonstone/Panels
animation performance issues on low powered hardwaremoonstone/VirtualList.VirtualGridList
andmoonstone/VirtualList.VirtualList
to correctly scroll to a selected component when focused via 5waysampler
to limit the fields included in the Actions tab to improve serialization performance on low-powered hardwarespotlight
to attempt to restore focus to an element nearest the pointer position when the pointer hides within an overflow containerui/VirtualList.VirtualGridList
andui/VirtualList.VirtualList
to retain the proper scroll position when updating theitemSize
orspacing
props