The following is a curated list of changes in the Enact sandstone module, newest changes on the top.
No significant changes.
sandstone/Icon
supported icon list, adding a new iconr2rappcall
sandstone/FixedPopupPanels
andsandstone/PopupTabLayout
to restore scroll position when going back to the previous panel by left keysandstone/Panels.Panel
to restore focus properly when it hassandstone/Scroller
withfocusableScrollbar
sandstone/Scroller
andsandstone/VirtualList
to scroll properly by hover whenhoverToScroll
istrue
andscrollMode
istranslate
sandstone/Alert
to showsandstone/ProgressBar
color properlysandstone/FixedPopupPanels
,sandstone/PopupTabLayout
, andsandstone/TabLayout
to move caret in InputField with left and right keyssandstone/WizardPanels
to providestopPropagation
method inonBack
event payload
sandstone/Scroller
read out feature to support A11y wheneditable
is given
sandstone/Scroller
scrollbar thumb to read out "press ok button to read text" additionally whenfocusableScrollbar
prop isbyEnter
sandstone/Scroller
scrollbar thumb to read out 'leftmost', 'rightmost', 'topmost', or 'downmost' when reaching the end of the scrollsandstone/Scroller
to select item by long press wheneditable
is givensandstone/Picker
andsandstone/RangePicker
to read outtitle
sandstone/Scroller
to position the focused item into scroller view
sandstone/Panels.Header
andsandstone/WizardPanels
propnoSubtitle
to hide subtitle areasandstone/Popup
,sandstone/PopupTabLayout
,sandstone/FixedPopupPanels
, andsandstone/FlexiblePopupPanels
to adddetail
property containinginputType
inonClose
event payload
sandstone/TabLayout
to eliminate the horizontal maximum number of tabssandstone/Input
background color for number type cell,sandstone/Picker
indicator color when joined, andsandstone/ProgressBar
highlight color are updated for better visibility oflight
skin
sandstone/ContextualPopupDecorator
to update the position ofContextualPopup
properly when repositioned in opensandstone/FixedPopupPanels.Panel
body to be filled vertically to place the last children as intendedsandstone/Scroller
to focus scroll thumb initially when it is used in Panelssandstone/Scroller
thresholds for swapping items by pointer wheneditable
is givensandstone/Scroller
to support RTL locales wheneditable
is givensandstone/Scroller
to scroll properly by wheel wheneditable
is givensandstone/TimePicker
to forwardonComplete
event in RTL countries that do not display meridiem
sandstone/Alert
andsandstone/Input
support for portrait modesandstone/Icon
supported icon list, adding a new iconwallpaper
sandstone/Scroller
propeditable
to enable editing items in the scroller
sandstone/Panels.Header
andsandstone/RadioItem
to useonClick
instead ofonTap
for touch support
- Update dependencies including React 18.0.0
sandstone/DatePicker
andsandstone/TimePicker
to not show press effect on touch inputsandstone/ProgressBar
radial colors andsandstone/Scroller
colors to match withsandstone/ProgressBar
sandstone/Scroller
andsandstone/VirtualList
to focus the topmost element after scroll in pointer mode
sandstone/Icon
public class nameicon
sandstone/Scroller
andsandstone/VirtualList
propdata-webos-voice-focused
,data-webos-voice-disabled
, anddata-webos-voice-group-label
sandstone/WizardPanels
to provide a way to prevent focusing on Panel again by allowing preventDefault whenonTransition
andonWillTransition
- Updated to use
forwardCustom
and addtype
when forwarding custom events
sandstone/Picker
andsandstone/RangePicker
propchangedBy
to provide a way to control with left and right keys in horizontal joined Pickersandstone/VideoPlayer
propbackButtonAriaLabel
sandstone/VideoPlayer
proponBack
to provide a way to exit video player via touch
sandstone/Scroller
andsandstone/VirtualList
to show overscroll effect when flicking
sandstone/Alert
layout for overlay type when screen width is narrowsandstone/BodyText
font-size for sizesmall
and RTL localesandstone/Input.InputField
size 'small' line-height to center text verticallysandstone/Input
to show title and keypad properly whentype
isnumber
and screen width is narrowsandstone/Picker
horizontal joined behavior going to the next item by touchsandstone/Scroller
to scroll correctly on Android Chrome 85 or higher in RTL localessandstone/VirtualList
to scroll properly by hover after changingdataSize
whenhoverToScroll
istrue
- Fixed samples build issue
sandstone/VideoPlayer
propsonWillFastForward
,onWillJumpBackward
,onWillJumpForward
,onWillPause
,onWillPlay
, andonWillRewind
sandstone/Button
to have centered icon on RTL localesandstone/VideoPlayer
to handle media related callbacks properlysandstone/FormCheckboxItem
to show correct color for the focused disabled checkbox
- Support color customization
sandstone/Icon
supported icon list, adding new iconsbluetooth
,moodmode
, andchangepassword
sandstone
to select correct font when font-weight changes in some Indian locales
sandstone
to support India region font correctlysandstone/TimePicker
to apply disabled color to the separator
sandstone/Icon
supported icon list, adding a new iconspanner
sandstone/ProgressBar
bar color forsandstone/Alert
sandstone/VirtualList
to not move focus to an unexpected item when 5-way directional key hold
samples/sampler
not to fail in sampler build
sandstone/DatePicker
andsandstone/TimePikcer
abnormal animationsandstone/Panels
to perform transition without delay when wheeling
sandstone/DatePicker
andsandstone/TimePicker
styling to match updated GUI
sandstone/VirtualList
to not focus the item again if focus moved out of the list via 5way whensnapToCenter
sandstone/Dropdown
to restore focus within the list when moving mouse after clicking dropdown buttonsandstone/Scroller
to move focus via up/down keys from scroll thumb when the content is short but the scrollbar is visiblesandstone/TimePicker
abnormal minute animation in some localessandstone/WizardPanels
to not read outundefined
when there is nosubtitle
prop
sandstone/Item
to marquee properly whenslotAfter
orslotBefore
changed
sandstone/Input
typetel
andpasswordtel
sandstone/Slider
propnoWheel
to disable wheel event handler
sandstone/ContextualPopupDecorator
to focus elements inContextualPopup
whenspotlightRestrict
isself-first
via 5waysandstone/WizardPanels
to prevent re-rendering of previous panel
sandstone/DatePicker
andsandstone/TimePicker
propnoLabel
to hide labelsandstone/ImageItem
public classnameimageIcon
sandstone/Slider
propwheelInterval
to throttle the wheel input
sandstone/FixedPopupPanels
andsandstone/PopupTabLayout
to not go back to the previous panel by left key on popup opened insidesandstone/MediaPlayer
to work trick play via keysandstone/Scroller
andsandstone/VirtualList
to show scroll animation properly with 5-way directional keyssandstone/Scroller
to not focus the body at the initial rendering whenfocusableScrollbar
prop isbyEnter
sandstone/WizardPanels
to revert 2.0.0-rc.3 fix that prevent re-rendering
sandstone/Input
propinputFieldSpotlightId
to setspotlightId
ofInputField
sandstone/Input
propnoSubmitButton
to omit submit button of number key pad
sandstone/Slider
to expand hover area
sandstone/Picker
value to not marquee when changingtitle
sandstone/Popup
to have proper focus when opening withnoAnimation
istrue
sandstone/Scroller
andsandstone/VirtualList
to scroll by hover when scrollbar is hiddensandstone/Scroller
andsandstone/VirtualList
to focus elements at scroll boundaries whenhoverToScroll
istrue
sandstone/VideoPlayer
to handle decimal playback ratesandstone/VirtualList
to scroll properly whensnapToCenter
sandstone/WizardPanels
to prevent re-rendering of previous panel
sandstone/Popup
to revert 2.0.0-rc.1 fix that having proper focus whennoAnimation
sandstone/Picker
propsreverse
andtype
to support for number listsandstone/Picker
andsandstone/RangePicker
public class namestitle
andinlineTitle
sandstone/Scroller
andsandstone/VirtualList
prophoverToScroll
to scroll by hoversandstone/VirtualList
propsnapToCenter
- Shadow effect to using box-shadow instead of drop-shadow for performance on embedded environment
sandstone/FixedPopupPanels
andsandstone/PopupTabLayout
to disable left key handler to go to the previous panel in RTL localessandstone/MediaPlayer.MediaControls
to show more components when a user flicks on action guidesandstone/Scroller
andsandstone/VirtualList
overscroll effect style to match latest designssandstone/Slider
to interact by wheel
sandstone/FixedPopupPanels
to keep focus inside of popup when pressing 5-way after clicksandstone/InputField
cursor not to jump unexpectedly when mouse downsandstone/MediaPlayer
to showMediaControls
via wheel properly when isomorphic buildsandstone/Panels.Header
to not overlap subtitle and children when header type ismini
sandstone/Popup
to have proper focus when opening withnoAnimation
istrue
sandstone/PopupTabLayout
to move focus via 5-way left in the headersandstone/Scroller
to scroll correctly on Chrome 85 or higher in RTL locales via 5way
- Enhanced touch support
sandstone/FixedPopupPanels
andsandstone/PopupTabLayout
left key handler to go to the previous panelsandstone/Input
a back button and propsbackButtonAriaLabel
andnoBackButton
sandstone/Input
andsandstone/Input.InputPopup
url
to proptype
sandstone/Picker
andsandstone/RangePicker
propstitle
andinlineTitle
sandstone/Slider
propkeyFrequency
to control the accelerating speed when key hold
sandstone/Panels.Header
to always show back buttonsandstone/PopupTabLayout
back key behavior to match the latest UXsandstone/PopupTabLayout
to collapse its tab only when a user enters a menusandstone/Scroller
focus rule to match latest UX whenfocusableScrollbar
prop isbyEnter
sandstone/Scroller
andsandstone/VirtualList
to hide the scrollbar after N secondssandstone/WizardPanels.Panel
nextButton
andprevButton
to show labels separately to match latest designs
sandstone/FormCheckboxItem
to show correct color forslotBefore
icon in disabled state when focusedsandstone/ImageItem
to resize the image properlysandstone/Input
button label when default value is0
sandstone/Panels.Header
to remeasure marquee metrics when the size of slots changedsandstone/Scroller
andsandstone/VirtualList
to activate voice control intent when only scrollablesandstone/Scroller
andsandstone/VirtualList
to move focus properly via page keysandstone/VideoPlayer
to show the knob when mediaSlider gets focused with 5-way- horizontal
sandstone/VirtualList
to align items well when navigating with 5-way sandstone/WizardPanels
to not show focus effect on the wrong element infooter
sandstone/Dropdown
number typewidth
propsandstone/Item
public class namesitemContent
,content
, andlabel
sandstone/Scroller
propscrollbarTrackCss
to customize scroll track and thumb style
sandstone/Dropdown
to not show console error after selecting itemsandstone/RangePicker
to update label when value is out of rangesandstone/VirtualList
to not block key down events after panel transition
- Update Enact dependency
- The framework was updated to support React 17.0.1
sandstone/ThemeDecorator
configrootId
to specify React DOM tree root for global event handlers
sandstone/Item
propdata-webos-voice-labels
whenlabel
is used
sandstone/Alert
to read out properly after closing it in asandstone/PopupTabLayout
sandstone/FlexiblePopupPanels
padding in RTL localessandstone/Heading
font-style
to use oblique font instead of fakeitalic
sandstone/Input
to not have initial focus with pointer whentype
prop is'number'
or'passwordnumber'
sandstone/Panel
to not reset scroll position by events from otherssandstone/Panels.Header
to not show back button in the first panelsandstone/VideoPlayer.Video
to not start a new play before another one completes
sandstone/ContextualPopupDecorator
to updateContextualPopup
position properly in RTL locales
sandstone/Dropdown
titlefont-style
tonormal
where a locale's fonts cannot support italic
sandstone/ThemeDecorator
font style in non-latin localessandstone/TimePicker
to change its value with up/down key when the focus changed by enter key
sandstone/Scroller
andsandstone/VirtualList
scrollbar to always show
sandstone/Heading
font-style
tonormal
where a locale's fonts cannot support italic
- Cambodian(km) language to be classified as a tall-glyph language
sandstone/Item
line-height to support tall-glyph language
sandstone/WizardPanels
to readsteps
when neither propnoSteps
noraria-label
is present
sandstone/TabLayout.Tab
proponTabClick
to handleonClick
event on it
sandstone/Input
to match latest designssandstone/TooltipDecorator
to marquee whentooltipReleative
prop is truesandstone/VirtualList
to not show overscroll effect when 5-way key is pressed after scrolling to the bottom by wheelsandstone/WizardPanels
to readsteps
properly withnoSteps
andaria-label
props
sandstone/WizardPanels
to read out the content of customizednextButton
andprevButton
sandstone/FlexiblePopupPanels
andsandstone/PopupTabLayout
to match latest designssandstone/Picker
to move focus on increase or decrease button properly via 5-way
sandstone/Alert
background color for fullscreen typesandstone/Icon
supported icon list, adding a new iconsandstone/Icon
andsandstone/Switch
size to not enlarge when large text modesandstone/Scroller
focused body color whenfocusableScrollbar
prop isbyEnter
sandstone/TabLayout
to not handle key events from other popup components
sandstone/DatePicker
andsandstone/TimePicker
proponComplete
to handle enter key from the last picker
sandstone/RangePicker
to read out properly when Spotlight is on the next or previous buttonsandstone/TooltipDecorator
not to read out audio guidance when showingsandstone/WizardPanels
footer to lower position
sandstone/DatePicker
andsandstone/TimePicker
to focus the next picker with enter keysandstone/DatePicker
andsandstone/TimePicker
to show arrows when normalsandstone/Scroller
to not restrict focus movement with 5-way directional keys whenfocusableScrollbar
prop isbyEnter
and there is no scrollbar
- Primary background color to black
sandstone/WizardPanels
to revert 1.2.0 fix that renderPanel
contents within the usual render flow
sandstone/FlexiblePopupPanels.Panel
size
property to allow the selection between "auto" sized, "small", and "large" panel presets
sandstone/Scroller
scrollbar thumb to prevent losing focus with 5-way directional keys whenfocusableScrollbar
prop isbyEnter
sandstone/Scroller
andsandstone/VirtualList
scrollbar color and transparency
sandstone/FixedPopupPanels
,sandstone/FlexiblePopupPanels
andsandstone/PopupTabLayout
to match latest designssandstone/Input
number pad layout in right-to-left locales for both overlay and fullscreenInput
sandstone/PopupTabLayout
andsandstone/TabLayout
to visibly change focus only once when focusing the tabs via 5-waysandstone/TabLayout
to properly change focus when changingindex
programmaticallysandstone/Tooltip
arrow shapesandstone/WizardPanels
to renderPanel
contents within the usual render flow allowing more predictable use of lifecycle methods
sandstone/Dropdown
to match latest designssandstone/Input
number pad layout in right-to-left localessandstone/Item
style to match latest designssandstone/Panels.Header
style to match latest designssandstone/TabLayout
to not lose focus when changingindex
programmatically
sandstone/Button
alignment for small icon-only buttonssandstone/Panels
animation after reversing directionsandstone/TooltipDecorator
to be positioned correctly over complex componentssandstone/WizardPanels
to favor other header components when using 5-way within the headersandstone/WizardPanels
to focus a spottable component within the firstPanel
on mountsandstone/WizardPanel
noAnimation
autofocus- Sinhala(si), Thai(th), Vietnamese(vi) languages to be classified as a tall-glyph language, with others like Arabic and Japanese to no longer be classified as tall-glyph. These languages will have new line-height settings, causing their layouts to shift slightly, which should ultimately be closer to the intended designs.
sandstone/Button
style to match latest designssandstone/Panels
to allow key events after being unmountedsandstone/Panels.Panel
to return to last focused element when reentering thePanel
sandstone/TabLayout
to correctly restore focus to the selected tab after expandingsandstone/VideoPlayer.Video
to reuse video DOM node when changingsource
sandstone/Button
,sandstone/InputField
,sandstone/Item
andsandstone/Picker
font-weight
sandstone/Button
background color opacity when opaque and disabledsandstone/ContextualPopupDecorator
to include the popup in its accessibility treesandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
to correctly set focus after closingsandstone/Panels
to prevent key events during view transitionssandstone/Slider
to read outvalue
with the hint string only once when focused
sandstone/PopupTabLayout
andsandstone/TabLayout
support for animatedSprite
iconssandstone/Scroller
proparia-label
to be read out instead of a body textsandstone/Sprite
component for animating imagessandstone/TabLayout.Tab
proptabKey
to specify a unique key when thetitle
andicon
combination is not uniquesandstone/VideoPlayer
proponToggleMore
to notify consumers when more components are shown
sandstone/Checkbox
andsandstone/Switch
to supportaria-disabled
sandstone/DayPicker
to not read out current index and total numberssandstone/Dropdown
button margin with titlesandstone/Dropdown
to delegate voice props to the dropdown buttonsandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
to avoid duplicate 5-way navigation when usingsandstone/Picker
orsandstone/Input
sandstone/FlexiblePopupPanels.Panel
to favor auto-focusing the content over the navigation buttonssandstone/ImageItem
to supportaria-disabled
sandstone/Input.InputField
to supportaria-disabled
sandstone/Item
font-size for large text modesandstone/Item
to support RTL textsandstone/MediaPlayer
to pause spotlight during animationssandstone/Panels
animation direction for locales that use right-to-left reading ordersandstone/ProgressButton
icon sizesandstone/Scroller
andsandstone/VirtualList
scrollbar thumb shape to not clippedsandstone/Scroller
not to read out thumb audio guidance when focusing on the bodysandstone/TabGroup
to read out contents without buttonrole
sandstone/TabLayout
to properly support scrolling the tabssandstone/VideoPlayer
to clear previously read string by calling announce with theclear
propertysandstone/VideoPlayer
to read out action guide string after video titlesandstone/VirtualList
to not lose focus when entering from outside after scrolling via 5-way
sandstone/ImageItem
to re-render properly whendata-index
prop is the samesandstone/Scroller
to set its height correctlysandstone/Scroller
andsandstone/VirtualList
overscroll style to match latest designssandstone/Scroller
andsandstone/VirtualList
to properly supportspotlightDisabled
propsandstone/VirtualList
to preserve focus in panels
sandstone/Icon
supported icon list, adding new icons
sandstone/ActionGuide
style to match latest designssandstone/Button
to animate when focused and pressedsandstone/ContextualMenu
style to match latest designssandstone/DayPicker
to passdisabled
to each child instead of applying to its containersandstone/DropDown
title colorsandstone/FixedPopupPanels
andsandstone/PopupTabLayout
to changePanel
height when the contents changesandstone/FixedPopupPanels
,sandstone/Panels
, andsandstone/PopupTabLayout
to avoid skipping panel animations when under system loadsandstone/FlexiblePopupPanels
navigation buttons to not be clipped when focusedsandstone/ImageItem
to center the label in vertical orientation whencentered
prop is truesandstone/Input
text selection colorsandstone/Input
to close the popup with the enter key only when the VKB is activatedsandstone/Input
to properly read out number valuessandstone/MediaPlayer.MediaControls
animation when more components are renderedsandstone/MediaPlayer.MediaSlider
style to match latest designssandstone/Panels.Header
spacing between title and subtitlesandstone/Popup
to correctly emit theonClose
event when focus attempts to leave the popupsandstone/PopupTabLayout
padding so it's the same distance all the way around the tab buttonssandstone/PopupTabLayout
andsandstone/TabLayout
to not lose focus from tabs with 5-waysandstone/Scroller
to not lose focus from scrollbar when re-renderedsandstone/Slider
to readoutvalue
when the knob is focusedsandstone/VirtualList
to not clip the shadow of the last item whenwrap
prop is true orscrollMode
is translatesandstone/WizardPanels
style when usingnoSteps
sandstone/TabLayout
layout in RTL locales
sandstone/FixedPopupPanels
to use an opaque background in high-contrast modesandstone/MediaControls
margins to correctly align in RTL
sandstone
support fordata-spotlight-container-muted
sandstone/Input
eventonBeforeChange
sandstone/PopupTabLayout.TabPanels
propnoCloseButton
to befalse
by defaultsandstone/TooltipDecorator
proptooltipWidth
andsandstone/TooltipDecorator.Tooltip
propwidth
to support either an auto-scaled number of pixels or a string CSS measurement value
sandstone/Button
style to match latest designssandstone/Button
style when using small, icon-only buttons in non-latin localessandstone/Dropdown
to read outaria-label
withouttitle
whenaria-label
prop existssandstone/Dropdown
to reveal its title when scrolling up by 5-way in a scrollersandstone/FixedPopupPanels
to use a translucent backgroundsandstone/FlexiblePopupPanels
to retain focus on navigation buttons when used to change panelssandstone/ImageItem
to passrole
andaria-checked
whenshowSelection
prop existssandstone/Input
to marquee the invalid tooltipsandstone/Panels.Panel
to read out the title and subtitle except when used insandstone/WizardPanels
sandstone/Picker
values position in RTLsandstone/Popup
to respect paused spotlightsandstone/PopupTabLayout
style to match latest designssandstone/Scroller
to stop the propagation of keydown events from a scroller thumb when it scrollssandstone/Scroller
vertical padding to prevent overlapping contained componentssandstone/Spinner
style to match latest designssandstone/TabLayout
to disable the collapsed list icon button when all tabs are disabledsandstone/TabLayout
andsandstone/PopupTabLayout
transition performancesandstone/TimePicker
spacing between pickers in RTLsandstone/WizardPanels
to read out properly
sandstone
focus animation
sandstone
high-contrast support
sandstone/Input
propsize
default value to small
sandstone/ActionGuide
,sandstone/Alert
,sandstone/Checkbox
,sandstone/CheckboxItem
, andsandstone/FormCheckboxItem
,sandstone/Input
,sandstone/MediaPlayer
,sandstone/Picker
, andsandstone/VideoPlayer
style to match latest designssandstone/Dropdown
margins to correctly align with other componentssandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
to allow clicking near, but outside, the Panels to dismiss themsandstone/FixedPopupPanels
to not read out a title twicesandstone/FlexiblePopupPanels
andsandstone/PopupTabLayout
shadow effectssandstone/Input
submit button positioningsandstone/Item
to prevent unnecessary re-renderingsandstone/PopupTabLayout
to read out properlysandstone/Scroller
andsandstone/VirtualList
to not show a scroll thumb when focus is moving without scrollingsandstone/Tooltip
arrow rendering to eliminate a vertical gapsandstone/WizardPanels
direction of buttons and transition in RTL locales
sandstone
LESS mixin.sand-spotlight-focus-text-colors
to support focused font stylesandstone/ImageItem
propcentered
to center the primary caption in vertical orientation
sandstone
LESS mixins.sand-spotlight-resting-colors
and.sand-spotlight-focus-colors
to.sand-spotlight-resting-bg-colors
and.sand-spotlight-focus-bg-colors
respectivelysandstone/Button
to include a small top and bottom margin to avoid clipping the expanded focus statesandstone/Dropdown
to prevent focus on the outer areasandstone/Icon
supported icon listsandstone/Input
disabled
prop to not close an open inputsandstone/MediaControls
to show more components via wheel down
sandstone/Dropdown
to support readout placeholder stringsandstone/Button
,sandstone/DatePicker
,sandstone/FormCheckboxItem
,sandstone/ImageItem
,sandstone/Item
, andsandstone/MediaOverlay
font style when focusedsandstone/Checkbox
to center the iconsandstone/ContextualMenuDecorator
to match the latest style guidesandstone/DatePicker
to read out 'day', 'month', or 'year' when it is focused or its value is changedsandstone/Dropdown
to match the latest designsandstone/Dropdown
to not expand the button activator when focusedsandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
to respectspotlightRestrict
sandstone/FixedPopupPanels
padding in RTL localessandstone/FormCheckboxItem
to not have a focusable inner partsandstone/Input
to display the submit button when the number input field is usedsandstone/Input
to support accessibility featuressandstone/Item
style to match latest designssandstone/KeyGuide
to position on the right in RTLsandstone/MediaOverlay
style to match latest designssandstone/Panels
to properly restore focus after a transitionsandstone/Popup
to correctly emit theonClose
event when focus leaves the popupsandstone/PopupTabLayout
to position on the left in RTLsandstone/ProgressButton
to match the latest designsandstone/Scroller
andsandstone/VirtualList
to not show the scrollbar on every re-rendersandstone/Switch
andsandstone/SwitchItem
accessibility read outsandstone/TabLayout
to center tab icons when collapsedsandstone/TimePicker
to read out 'hour' or 'minute' when it is focused or its value is changedsandstone/TooltipDecorator
to center text whentooltipMarquee
is used with centered alignment
sandstone/Dropdown
proptitle
to optionally display a heading above the componentsandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
propfullHeight
to force these components to always stretch to the screen edgessandstone/Icon
propflip
value"auto"
to automatically flip the icon horizontally for RTL localessandstone/TooltipDecorator
proptooltipType
to support new transparent label-style tooltipssandstone/TooltipDecorator
proptooltipMarquee
to support marquee
sandstone/Dropdown
proptitle
toplaceholder
to display a value within the component when no selection has been madesandstone/Input
to highlight activated number cellssandstone/Panel
andsandstone/WizardPanels
support for reference forwarding to obtain a reference to each component's root node
sandstone/Alert
to center its content whentype="fullscreen"
sandstone/Button
flashing when switchingselected
on and offsandstone/CheckboxItem
,sandstone/FormCheckboxItem
,sandstone/RadioItem
, andsandstone/SwitchItem
slots marginssandstone/ContextualMenuDecorator
to not be read as an alert when renderedsandstone/ContextualPopupDecorator
to position itself correctly whendirection
is changedsandstone/DayPicker
format for locales that do not start the week on Sundaysandstone/Dropdown
to properly read the focused itemsandstone/FixedPopupPanels
layout in RTL localessandstone/FixedPopupPanels
to support accessibility properlysandstone/FixedPopupPanels
to flex to the content size and invoke scrolling (when usingsandstone/Scroller
) when the content is too bigsandstone/Input
to updateinvalidTooltip
to the latest designsandstone/Panel
andsandstone/WizardPanels
to not read out the Panel title after closing a dropdownsandstone/TabLayout
to restore focus to the selected tab when expanding without iconssandstone/TabLayout
performance when focusing items in the layoutsandstone/ThemeDecorator.AccessibilityDecorator
not to overwrite itsskinVariants
propsandstone/VirtualList
focus when 5-way directional keys are quickly and consecutively pressedsandstone/WizardPanels
to usesandstone/Skinnable
sandstone/Alert
propsubtitle
sandstone/KeyGuide
support for color keyssandstone/Scroller
propshorizontalScrollThumbAriaLabel
andverticalScrollThumbAriaLabel
to provide customization of the hint string read when a scroll thumb is focused
sandstone/Icon
supported icon list, adding new icons and removing unused ones
sandstone/Alert
to use multi-line content when"fullscreen"
sandstone/Checkbox
,sandstone/CheckboxItem
,sandstone/Switch
,sandstone/SwitchItem
,sandstone/RadioItem
andsandstone/FormCheckboxItem
to read out as selected valuesandstone/Dropdown
to retain correct focus whenselected
orchildren
changesandstone/Dropdown
to show an item fully when the item gets focussandstone/FixedPopupPanels
andsandstone/FlexiblePopupPanels
to properly respond to back button pressessandstone/Panels.Header
style to match latest designssandstone/Popup
to always remove the scrim when closedsandstone/Scroller
andsandstone/VirtualList
to show the scrollbar initiallysandstone/Scroller
andsandstone/VirtualList
to show the horizontal overscroll effect properly in RTL localessandstone/TabLayout
button sizes to match the latest designssandstone/WizardPanels
to respect usingspotlight/SpotlightContainerDecorator.spotlightDefaultClass
to determine the default focus
sandstone/MediaPlayer.MediaControls
propsbackwardIcon
,forwardIcon
,noRateButtons
,onBackwardButtonClick
,onForwardButtonClick
,rateButtonsDisabled
sandstone/FlexiblePopupPanels.Panel
propsprevButton
andnextButton
to provide customization of the navigational buttons on eachPanel
sandstone/FlexiblePopupPanels
propsonChange
,onNextClick
, andonPrevClick
to notify consumers of navigational eventssandstone/FlexiblePopupPanels
propsprevButtonVisibility
andnextButtonVisibility
for assigning the default visibility of the navigational buttonssandstone/MediaPlayer.MediaControls
proprateChangeDisabled
to prevent playback rate control via rewind and fast-forward keyssandstone/PopupTabLayout
panel transition animation
sandstone/FlexiblePopupPanels
to provide a close button on the first panel and navigational buttons on each panel
sandstone/Alert
to support the use of any component in the children areasandstone/DatePicker
andsandstone/TimePicker
to handle locale changessandstone/DatePicker
andsandstone/TimePicker
to format locale labels on-demand for v8 snapshot compatibilitysandstone/Dropdown
to center scrolling to selected indexsandstone/Item
to properly accept numbers forlabel
sandstone/PopupTabLayout
tall-content scrolling capabilitysandstone/PopupTabLayout
andsandstone/FixedPopupPanels
bottom paddingsandstone/Scroller
andsandstone/VirtualList
scrollbar heightsandstone/Slider
bar style to match latest designssandstone/VideoPlayer
to show a scrim behind the media controlssandstone/VirtualList
to properly set the scroll position after focus changes
sandstone/Panels
propfeatureContent
sandstone/Panels.FixedPopupPanels
,sandstone/Panels.FlexiblePopupPanels
,sandstone/Panels.View
, andsandstone/Panels.WizardPanels
aliasessandstone/Scroller
andsandstone/VirtualList
propinitialHiddenHeight
sandstone/WizardPanels
propbuttons
, put buttons insidefooter
insteadsandstone/WizardPanels
propsnoPrevButton
,noNextButton
,nextButtonAriaLabel
,nextButtonText
,prevButtonAriaLabel
, andprevButtonText
, replacing them with simplernextButton
andprevButton
props
sandstone/DatePicker
functiondateToLocaleString
to create locale-aware date stringssandstone/DayPicker
componentsandstone/Icon
feature to support arbitrary icon sizes via the existingsize
propsandstone/ImageItem
public class namesfullImage
,horizontal
, andvertical
sandstone/Input
propsinvalid
andinvalidMessage
to mirror the API ofInputField
sandstone/Input
propsmaxLength
,minLength
, andnumberInputField
to support arbitrary number lengthssandstone/PopupTabLayout
andsandstone/TabLayout
proponTabAnimationEnd
to notify consumers when the animation to collapse or expand the tabs completessandstone/TimePicker
functiontimeToLocaleString
to create locale-aware time stringssandstone/WizardPanels
propsprevButtonVisibility
andnextButtonVisibility
for assigning the default visibility of the navigational buttonssandstone/WizardPanels.Panel
propsprevButton
andnextButton
to provide customization of the navigational buttons on eachPanel
sandstone/Panels
to not fire transition events when initially renderedsandstone/Scroller
andsandstone/VirtualList
to properly handle keydown eventssandstone/TabLayout
default focus rulessandstone/Tooltip
style to match latest designssandstone/VideoPlayer
to jump back when using the 5-way left keysandstone/VirtualList
to support navigation with spottable children inside an item
sandstone/VideoPlayer.MediaControls
component. Usesandstone/MediaPlayer.MediaControls
instead.
sandstone/FixedPopupPanels
width
prop, which now includes "half" to support larger contentsandstone/MediaPlayer
submodule which providesMediaControls
,MediaSlider
, andTimes
components for use in custom media player componentssandstone/TabLayout
support forhorizontal
orientationsandstone/WizardPanels
propscurrent
andtotal
to configure theSteps
component directly when the number ofPanel
instances do not match the number of stepssandstone/WizardPanels
proponBack
to allow developers to handle back button pressessandstone/WizardPanels
support for animating changes to title and subtitle
sandstone/Scroller
andsandstone/VirtualList
to adjust padding areasandstone/Scroller
andsandstone/VirtualList
clickable scrollbar areasandstone/WizardPanels
to automatically handle back key whennoPrevButton
is not setsandstone/WizardPanels
to support multi-line subtitles
sandstone/Panels.Header
to match latest designs
sandstone/Panels.WizardPanel
andsandstone/Panels.View
, replaced withsandstone/WizardPanels
andsandstone/WizardPanels.Panel
respectivelysandstone/Panels.FlexiblePopupPanels
, replaced withsandstone/FlexiblePopupPanels
sandstone/Panels.FixedPopupPanels
, replaced withsandstone/FixedPopupPanels
sandstone/WizardPanels
propsnextButtonAriaLabel
,prevButtonAriaLabel
,noNextButton
,noPrevButton
, andnoSteps
sandstone/Scroller
andsandstone/VirtualList
propinitialHiddenHeight
to provide the height of the vertical scrollbar when thefeatureContent
prop in the panel is set to truesandstone/Input.InputPopup
component
sandstone/Header
centeringsandstone/Input.InputField
disabled colorssandstone/WizardPanels
to hide previous and next buttons appropriatelysandstone/TabLayout
to support disabled tabs
sandstone/Item
propselected
sandstone/Panels.Header
propsheaderInput
andshowInput
sandstone/TabLayout
proptabs
sandstone/DayPicker
,sandstone/DaySelector
,sandstone/Dialog
,sandstone/EditableIntegerPicker
,sandstone/ExpandableInput
,sandstone/ExpandableItem
,sandstone/ExpandableList
,sandstone/ExpandablePicker
,sandstone/FormCheckbox
,sandstone/GridListImageItem
,sandstone/IconButton
,sandstone/IncrementSlider
,sandstone/InputPopup
,sandstone/LabeledIcon
,sandstone/LabeledIconButton
,sandstone/LabeledItem
,sandstone/Notification
,sandstone/Panels.ActivityPanels
,sandstone/Panels.AlwaysViewingPanels
,sandstone/Panels.Breadcrumb
,sandstone/SelectableItem
,sandstone/SlotItem
,sandstone/ToggleButton
,sandstone/ToggleIcon
, andsandstone/ToggleItem
sandstone/Heading
support forsize
type of'tiny'
sandstone/Item
propcentered
sandstone/Panels
andsandstone/Panels.WizardPanel
propsonTransition
andonWillTransition
sandstone/Panels.WizardPanel
propnoAnimation
to suppress view transition animationsandstone/PopupTabLayout
componentsandstone/Scroller
propfadeOut
to show fade-out effectsandstone/Slider
andsandstone/ProgressBar
propshowAnchor
to display anchor based onprogressAnchor
valuesandstone/VideoPlayer
propsinitialJumpDelay
,jumpDelay
, andno5WayJump
to prevent and adjust the speed of media jumping via 5-waysandstone/VirtualList.VirtualGridList
propnoAffordance
to remove the affordance effect when scrolling forward via 5-way
sandstone/ImageItem
focus effect when in a vertical orientation
sandstone/BodyText
font weightsandstone/BodyText
line-wrap andnoWrap
capabilitiessandstone/DatePicker
andsandstone/TimePicker
to match current designssandstone/Dropdown
to focus on selected optionsandstone/Picker
horizontal joined height in large text modesandstone/Scroller
focus behavior of the scroll thumb
sandstone/TabLayout
proptabs
, to be removed in beta.1. Usesandstone/TabLayout.Tab
instead.
sandstone/Panels.Panel
propfeatureContent
to minimize the panel visuals to feature the content more prominentlysandstone/TabLayout.Tab
for configuringTabLayout
tab contents
sandstone/Button
styles forselected
sandstone/Switch
sizing and positioning in large text modesandstone/Checkbox
andsandstone/RadioItem
styling when disabled and focused
sandstone/Panels.Header
propsheaderInput
andshowInput
, to be removed in 1.0.0-beta.1
sandstone/Panels.FlexiblePopupPanels
for a flexible size pop-up Panels experiencesandstone/Panels
andsandstone/Panels.Header
propsbackButtonAriaLabel
,backButtonBackgroundOpacity
,closeButtonAriaLabel
,closeButtonBackgroundOpacity
,noBackButton
,noCloseButton
,onBack
, andonClose
sandstone/Panels.OptionPanels
tosandstone/Panels.FixedPopupPanels
sandstone/Scroller
andsandstone/VirtualList
overscroll effect to bouncesandstone/Picker
horizontal joined behavior and style for updated GUI
sandstone/TabLayout
to not select a previously focused tab after switching from 5-way to pointer mode
sandstone/Tooltip
public class namestooltip
andtooltipLabel
sandstone/Picker
,sandstone/ProgressBar.ProgressBarTooltip
, andsandstone/Steps
to use a number font for numeric content
sandstone/Panels.Header
to always vertically center the input fieldsandstone/ImageItem
to not have a truncated label in RTL localessandstone/VirtualList.VirtualGridList
to position items correctly at the bottom when scrolling via down keysandstone/Switch
styling when disabled and focused
sandstone/Panels
support forcontrols
and the application close button
sandstone/FormCheckbox
, usesandstone/Checkbox
insteadsandstone/GridListImageItem
, usesandstone/ImageItem
insteadsandstone/Panels.Breadcrumb
, to be removed in beta.1
sandstone/ImageItem
componentsandstone/ProgressButton
componentsandstone/Checkbox
standalone interactive capabilitysandstone/Checkbox
,sandstone/CheckboxItem
, andsandstone/FormCheckboxItem
propsindeterminate
andindeterminateIcon
, for representing a half or mixed state of a checkboxsandstone/FromCheckboxItem
andsandstone/Item
styling
sandstone/FeedbackTooltip
visuals for updated GUIsandstone/MediaOverlay
stylingsandstone/Panels
to default toSlideLeftArranger
sandstone/Panels
styling to match updated GUI
sandstone/Button
andsandstone/Item
(and their derivatives) disabled colorssandstone/Button
icon-only sizing so it is square once againsandstone/Input
overlay number type keypad to lay-out its buttons correctly, in a 3x4 gridsandstone/Scroller
andsandstone/VirtualList
to scroll by wheel on the scrollbarsandstone/Scroller
andsandstone/VirtualList
to hide the scrollbar after N secondssandstone/Slider
default behavior to activate by focus, so the slider is immediately interactive when using 5-waysandstone/ProgressBar.ProgressBarTooltip
to display only "center" position when "auto" is selected
sandstone
LESS mixins.sand-spotlight-resting
and.sand-spotlight-focus
, replacing them with.sand-spotlight-resting-color
and.sand-spotlight-focus-color
respectively
sandstone/VideoPlayer
to not hide playback controls when pressing 5-way up
sandstone/Input.InputField
to show icons when focusedsandstone/Scroller
,sandstone/VirtualList.VirtualGridList
, andsandstone/VirtualList
to position overscroll effect properly when a horizontal scrollbar is displayedsandstone/Scroller
to show the focused item fully when scrolling with 5-way directional keyssandstone/TabLayout
to select tabs when focusing them in 5-way modesandstone/ThemeDecorator
global focus+disabled rules to not double-apply opacity values
sandstone/GridListImageItem
propsimageIconComponent
andimageIconSource
to support an image iconsandstone/Input
propsize
sandstone/Switch
support for focus state
sandstone/Button
icon sizingsandstone/ContextualPopupDecorator
to correctly manage focus when changing its open statesandstone/Input
andsandstone/Popup
to correctly support marqueesandstone/Picker
joined stylingsandstone/Scroller.Scroller
to display thescrollbar
as the correct heightsandstone/Scroller.Scroller
to scroll not sluggish when holding keys on scroll thumbsandstone/SwitchItem
stylingsandstone/VideoPlayer
to continue to display controls when user activity is detected˛
sandstone/Panels.ActivityPanels
andsandstone/Panels.AlwaysViewingPanels
, usesandstone/Panels.Panels
or one of the pre-defined views.sandstone/DayPicker
,sandstone/DaySelector
,sandstone/EditableIntegerPicker
,sandstone/ExpandableItem
,sandstone/ExpandablePicker
,sandstone/ToggleButton
,sandstone/ToggleIcon
to be removed in beta.1sandstone/Dialog
, usesandstone/Popup
sandstone/ExpandableInput
,sandstone/InputPopup
,sandstone/InputPopup.NumberInputPopup
, usesandstone/Input
sandstone/LabeledItem
,sandstone/SlotItem
,sandstone/ToggleItem
, usesandstone/Item
sandstone/Notification
, usesandstone/Alert
sandstone/SelectableItem
, usesandstone/CheckboxItem
sandstone/Input
to implement a popup-style input. The old functionality was moved tosandstone/Input.InputField
, but is reserved and should only be used when expressly permitted.
sandstone/VirtualList.VirtualList
andsandstone/VirtualList.VirtualGridList
to not suddenly jump when pressing directional keys after wheelingsandstone/Scroller.Scroller
to wheel normally whenfocusableScrollbar
prop isbyEnter
sandstone/Button
stylingsandstone/Heading
styling
sandstone/Alert
visuals for updated GUIsandstone/VideoPlayer
visuals for updated GUI
sandstone/InputPopup
componentsandstone/Panels.WizardPanel
component
Initial alpha release.