@enact/agate - npm Package Versions

[2.0.4] - 2023-02-24

Added

• agate/ImageItem to have imageItem, caption and image publicClassnames
• agate/Popup to have a content publicClassname
• agate/TabGroup prop onSelect to handle onClick event on it

Fixed

• agate/Keypad to fire onChange event with a correct value payload
• agate/Panels/TabbedPanels to not show console error when there is no children
• agate/SwitchItem border color for Gallium skin when selected and focused
• agate/TabGroup to pass onSelect to ui/Group

[2.0.3] - 2022-12-14

Added

• agate/IncrementSlider sliderRef prop to pass reference to the slider node
• agate/Slider sliderRef prop to pass reference to the slider node

[2.0.2] - 2022-10-28

Fixed

• agate/Picker and agate/RangePicker width of the focus background

[2.0.1] - 2022-09-29

Changed

• agate/Panels padding to show correctly all Picker samples for Electro skin

Fixed

• agate/ArcPicker, agate/ArcSlider foreground color for all skins except Carbon
• agate/ArcPicker, agate/FanSpeedControl segments color to be visible on Carbon skin
• agate/ArcSlider progress and knob color to be visible on Carbon skin
• agate/DatePicker, agate/DateTimePicker, agate/Picker, agate/RangePicker, and agate/TimePicker text color for Copper skin
• agate/DatePicker, agate/DateTimePicker, and agate/TimePicker to match latest design for Silicon skin
• agate/DatePicker, agate/RangePicker, and agate/TimePicker text color to be visible on Carbon skin
• agate/Dropdown layout issues for Carbon, Cobalt, Copper, Titanium skins
• agate/Input to be selectable via double tap
• agate/MediaPlayer layout issues for Cobalt, Carbon, Copper, Electro, Titanium skins
• agate/Picker and agate/RangePicker to match latest design for Silicon skin
• agate/Scroller to update scrollButtons state on initial render
• agate/Scroller should not scroll when focus moves from a scroll button to another
• agate/TemperatureControl to have text inline for Spanish locale
• agate/ThemeDecorator to apply the background color and background image properly

Removed

• agate/AgateDecorator, agate/FullscreenPopup, agate/GridListImageItem and agate/LabeledItem component

[2.0.0] - 2022-07-01

• Update dependencies including React 18.0.0

Added

• agate/Header Marquee for title, subtitle, and titleAbove

Deprecated

• agate/GridListImageItem, to be removed in 2.0.0. Use agate/ImageItem instead

Fixed

• agate/ContextualPopupDecorator layout for Carbon, Cobalt, Copper, Electro, Titanium skins
• agate/IncrementSlider style to have a proper layout for every skin
• agate/MediaPlayer layout issues for Cobalt, Carbon, Copper, Electro, Titanium skins
• agate/MediaPlayer shuffle button color for Cobalt, and Copper skins
• agate/Panel and agate/TabGroup padding for RTL locales
• agate/Picker and agate/RangePicker to match latest design for Silicon skin
• agate/PopupMenu title to marquee for long text
• agate/RadioItem icons to not be bigger than icon container
• agate/TabGroup button padding for Cobalt and Copper skins
• agate/VirtualList 5-way navigation between scroll buttons when focusableScrollbar

[2.0.0-beta.2] - 2021-06-24

Added

• agate/Heading prop showBackButton
• agate/Input prop clearButton and clearIcon
• agate/Keypad prop activeCall to render different icons depending on whether there is an active call or not
• agate/MediaPlayer prop type

Fixed

• agate/Dropdown style to match latest design for Silicon skin
• agate/Heading style to match latest design for Silicon skin
• agate/Heading position of underline when size="tile" on Carbon, Cobalt, Copper, Electro, Titanium skins
• agate/Input to match latest design for Silicon skin
• agate/Item for inline with label and labelPosition "after" or "before" on Gallium skin to not change item width on hover
• agate/Keypad to match latest design for Silicon skin
• agate/LabeledIconButton to match the latest design for Silicon skin
• agate/MediaPlayer style to match latest design for Silicon skin
• agate/Slider height when orientation="vertical" on Carbon, Cobalt, Copper, Electro, Titanium skins
• agate/SwitchItem style to match latest design for Silicon skin
• agate/TooltipDecorator to to match latest design for Silicon skin

[2.0.0-beta.1] - 2021-06-06

Added

• Noto Sans font as the default font

Fixed

• agate/ArcSlider text size be the same on all skins
• agate/ArcSlider style to match latest design for Silicon skin
• agate/Button badge background color for Cobalt and Copper skins
• agate/Button to center icon when iconOnly prop is true, for Cobalt and Copper skins, RTL
• agate/Checkbox icon font-size and focus color for Carbon, Cobalt, Copper, Electro, and Titanium skins
• agate/CheckboxItem style to match latest design for Silicon skin
• agate/ContextualPopupDecorator style to match latest design for Silicon skin
• agate/ColorPicker layout for Carbon, Electro, Gallium, Silicon skins
• agate/Popup to have the same background-color for body and buttons section for all skins except Silicon
• agate/Popup to match latest design for Silicon skin
• agate/RadioItem style to match latest design for Silicon skin
• agate/RadioItem icon border-color to be visible when item is focused in Carbon skin
• agate/Scroller to be more visible on Carbon, Cobalt, Copper, Electro, Titanium skins
• agate/Slider to have a more visible background-color on Cobalt skin
• agate/Slider to apply focus styling while dragging by touch
• agate/SliderButton button text color to be more visible on Carbon skin
• agate/ThumbnailItem to match latest design for Silicon skin
• agate/ThumbnailItem to display thumbnail image properly in all skins

[2.0.0-alpha.3] - 2021-04-26

Added

• agate/ImageItem prop sizing to support image sizing
• agate/Drawer onShow, spotlightId, and spotlightRestrict props to handle focus with 5-way navigation

Changed

• Copper skin to use lighter color for text in order to be more visible

Fixed

• agate/Checkbox, agate/FanSpeedControl, agate/ImageItem, agate/Item, and agate/WindDirectionControl to match latest design for Silicon skin
• agate/Dropdown misalignment of Button and ContextualPopup on the edge of screen
• agate/Popup to apply marquee for long title

[2.0.0-alpha.2] - 2021-04-02

Added

• agate/ContextualPopup and agate/ContextualPopupDecorator prop css to support customizations
• agate/Dropdown prop width to support multiple widths
• agate/IncrementSlider prop activateOnFocus to support slider activation when slider gets focused
• agate/IncrementSlider, agate/ProgressBar, and agate/Slider prop tooltip to enable the built-in tooltip
• agate/Item to have a selected publicClassname
• agate/MediaPlayer prop spotlightDisabled to disable 5-way navigation
• agate/Popup aria-live and role props to support accessibility
• agate/Popup onShow, spotlightId, and spotlightRestrict props to handle focus with 5-way navigation
• agate/PopupMenu onShow and spotlightId props to handle focus with 5-way navigation
• agate/RadioItem prop slotBefore
• agate/ProgressBar props highlighted and backgroundProgress
• agate/ProgressBarTooltip component
• agate/Slider prop backgroundProgress
• agate/SliderTooltip component
• agate/Spinner prop children to support the display of text below the icon
• agate/Tooltip prop marquee to allow to marquee
• agate/TooltipDecorator prop tooltipMarquee to support marquee for long tooltip and prop tooltipWidth to set a width for tooltip text

Changed

• agate/Dropdown to use agate/ContextualPopup
• agate/ThemeDecorator to exclude enact-fit className when disableFullscreen is true
• agate/ArcPicker and agate/ArcSlider to have a max-width for slotCenter

Fixed

• agate/ArcSlider and agate/TemperatureControl broken layout when min prop is not smaller than max prop
• agate/BodyText, agate/Button, agate/IncrementSlider, agate/LabeledIcon, and agate/Slider to match latest design for Silicon skin
• agate/Button to apply active styling only when it is not disabled
• agate/Button to apply active styling on enter key press
• agate/ImageItem width/height proportion when orientation is horizontal
• agate/LabeledIconButton styling to preserve behavior and look when props are missing
• agate/SliderButton 5-way navigation functionality to change value via direction keys
• agate/SliderButton styling to visually show the focused state
• agate/TooltipDecorator to position correctly on rtl locale

[2.0.0-alpha.1] - 2021-02-25

• The framework was updated to support React 17.0.1

Added

• agate/ThemeDecorator config rootId to specify React DOM tree root for global event handlers