v1.0.0-beta.99
1.0.0-beta.99 (2022-12-19)
⚠ BREAKING CHANGES
-
accordion, combobox, dropdown, list, tree: Removes
multi
value ofselection-mode
.- Removed the
multi
value forselection-mode
property, usemultiple
instead.
- Removed the
-
action,action-bar,action-group,action-pad,alert,block-section,block,button: Removed deprecated
intl*
properties , use
messageOverrides
property instead. -
action-bar, action-pad: Removed
focusId
paramtersetFocus
method, focus is delegated to the first focusable element. -
alert, notice: Renamed
color
properties and updated values.- Renamed the property
color
, usekind
instead. - Updated the accepted values of
kind
tobrand
,danger
,info
,
success
, andwarning
.
- Renamed the property
-
block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Sets internal heading HTML element to be a div by default. If users would like to retain an internal H1-H6 HTML element, they will need to set the headingLevel property on the component. Users already setting the headingLevel property are not affected. (#5728) (38ca639), closes 5099
-
button, fab, split-button: Removed deprecated properties and values.
button
: Removed the propertyform
, this property is no longer
needed if the component is placed inside a form.button
,fab
,split-button
: Renamed the propertycolor
, use
kind
instead.button
,fab
,split-button
: Updated the accepted values ofkind
tobrand
(default),danger
,inverse
, andneutral
.button
,split-button
: Updated the accepted values ofappearance
tooutline
,outline-fill
andsolid
(default).fab
: Updated the accepted values ofappearance
tooutline-fill
andsolid
(default).
-
chip,card,combobox,date-picker,flow,flow-item,filter, input-date-picker: Removed deprecated
intl\*
& accessible label properties. -
chip,combobox-item: Removed deprecated event payload.
- Removed the
event.detail
property on the eventcalciteChipDismiss
,
useevent.target
instead. - Removed the
event.detail
property on the event
calciteComboboxChipDismiss
, useevent.target
instead.
- Removed the
-
dropdown, dropdown-item: Removed deprecated properties.
- Removed the property
active
oncalcite-dropdown-item
, use
selected
instead. - Removed the property
active
, oncalcite-dropdown
, useopen
instead.
- Removed the property
-
flow, flow-item: Removed the
calciteFlowItemBackClick
event and
support for slottingcalcite-panel
s.- Removed support for slotting
calcite-panel
components, use the
calcite-flow-item
component instead. - Removed the event
calciteFlowItemBackClick
, use
calciteFlowItemBack
instead.
- Removed support for slotting
-
inline-editable,input,input-text,input-number: Removed deprecated
intl\*
& accessible label properties. -
list, list-item, list-item-group: To know when
calcite-list-item
content is selected, listen to the eventcalciteListItemSelect
instead ofclick
.-
headingLevel
property on thelist
andlist-item-group
are no
longer necessary. -
nonInteractive
property on thelist-item
is no longer necessary. -
list:
- Adds
label
property to specify an accessible name for the component. - Adds
loading
property to show a busy indicator. - Adds
selectionMode
andselectionAppearance
properties to handle configuration of selection. - Adds
filterEnabled
,filteredData
,filteredItems
,filterText
, andfilterPlaceholder
properties to support filtering. - Adds
calciteListFilter
event to notify when a filter has changed. - Deprecates
headingLevel
property.
- Adds
-
list-item-group:
- Adds
disabled
property to prevent user interaction. - Deprecates
headingLevel
property.
- Adds
-
list-item:
- Adds
calciteListItemSelect
event to notify when list item content is selected. - Adds
selected
andvalue
properties to handle selection. - Adds
open
property to show child components. - Deprecates
nonInteractive
property.
- Adds
-
-
loader, input-message: use hidden native global attribute to toggle visibility on the components instead of the deprecated active prop.
-
popover, dropdown, modal, pick-list-item, popover, value-list-item: Renamed
disable*
properties. -
scrim,rating,time-picker,input-time-picker,value-list: Removed deprecated
intl\*
& accessible label properties. -
tabs, tab-nav, tab-title, tab:
- Removed the property
active
fromcalcite-tab-title
, useselected
instead. - Removed the property
active
fromcalcite-tab
, useselected
instead. - Removed the
above
value from theposition
property on
calcite-tabs
, usetop
instead. - Removed the
below
value from theposition
property on
calcite-tabs
, usebottom
instead.
- Removed the property
-
accordion-item: Removed the properties
active
,itemTitle
,
itemSubtitle
, andicon
.- Removed the property
active
, useexpanded
instead. - Removed the property
itemTitle
, useheading
instead. - Removed the property
itemSubtitle
, usedescription
instead. - Removed the property
icon
, useiconStart
oriconEnd
instead.
- Removed the property
-
action:
- Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed the property
intlIndicator
, usemessageOverrides.indicator
instead. - Removed the
calciteActionClick
event and theclear
value for theappearance
property. Listen to theclick
event instead of `calciteActionClick. - Use the value
transparent
instead ofclear
for the property
appearance
.
- Removed the property
-
action-bar:
- Removed the property
intlExpand
, usemesssageOverrides.expand
instead. - Removed the property
intlCollapse
, usemessageOverrides.collapse
instead.
- Removed the property
-
action-group:
- Removed the property
intlMore
, usemesssageOverrides.more
instead.
- Removed the property
-
action-menu:
- Removed the event
calciteActionMenuOpenChange
, use
calciteActionMenuOpen
instead. - Removed the
event.detail
value from the
calciteActionMenuOpenChange
event on theaction-menu
component. - When listening to
calciteActionMenuOpenChange
, use theopen
property on theevent.target
instead ofevent.detail
.
- Removed the event
-
action-pad:
- Removed the property
intlExpand
, usemesssageOverrides.expand
instead. - Removed the property
intlCollapse
, usemessageOverrides.collapse
instead.
- Removed the property
-
alert:
- Removed the property
intlClose
, usemessageOverrides.close
instead. - Renamed the property
autoDismiss
, useautoClose
instead. - Renamed the property
autoDismissDuration
, useautoCloseDuration
instead. - Removed the property
active
, useopen
instead. - Removed the
*-leading
and*-trailing
values for
componentplacement
properties. - There is no need for "-leading" and "-trailing" values anymore since
*-start
and*-end
are already flipped in right-to-left direction.
- Removed the property
-
block:
- Removed the property
intlExpand
, usemesssageOverrides.expand
instead. - Removed the property
intlCollapse
, usemessageOverrides.collapse
instead. - Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed the property
intlOptions
, usemessageOverrides.options
instead. - Removed the property
summary
, usedescription
instead. - Removed the property
disablePadding
, use the CSS variable
--calcite-block-padding
instead.
- Removed the property
-
block-section:
- Removed the property
intlExpand
, usemesssageOverrides.expand
instead. - Removed the property
intlCollapse
, usemessageOverrides.collapse
instead.
- Removed the property
-
button:
- Removed the property
intlLoading
, usemesssageOverrides.loading
instead.
- Removed the property
-
card:
- Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed the property
intlSelect
usemessageOverrides.select
instead. - Removed the property
intlDeselect
usemessageOverrides.deselect
instead.
- Removed the property
-
chip:
- Renamed the property
color
, usekind
instead. - Updated the accepted values of
kind
tobrand
,inverse
, and
neutral
(default). - Updated the accepted values of
appearance
to ,outline
,
outline-fill
andsolid
(default). - Removed the property
dismissLabel
, use
messsageOverrides.dismissLabel
instead. - Renamed the event
calciteChipDismiss
, usecalciteChipClose
instead. - Removed the property
dismissible
, useclosable
instead. - Use the value
transparent
instead ofclear
forappearance
property.
- Renamed the property
-
color-picker-hex-input:
- Removed,
intlHex
property, aria-label of color-picker-hex-input is
set tohex
by default. - Removed ,
intlNoColor
property.
note: color-picker-hex-input is
internal
component. - Removed,
-
color-picker:
- Removed the property
intlB
, usemesssageOverrides.b
instead. - Removed the property
intlBlue
, usemesssageOverrides.blue
instead. - Removed the property
intlDeleteColor
, use
messsageOverrides.deleteColor
instead. - Removed the property
intlG
, usemesssageOverrides.g
instead. - Removed the property
intlGreen
, usemesssageOverrides.green
instead. - Removed the property
intlH
, usemesssageOverrides.h
instead. - Removed the property
intlHsv
, usemesssageOverrides.hsv
instead. - Removed the property
intlHex
, usemesssageOverrides.hex
instead. - Removed the property
intlHue
, usemesssageOverrides.hue
instead. - Removed the property
intlNoColor
, usemesssageOverrides.noColor
instead. - Removed the property
intlR
, usemesssageOverrides.r
instead. - Removed the property
intlRed
, usemesssageOverrides.red
instead. - Removed the property
intlRgb
, usemesssageOverrides.rgb
instead. - Removed the property
intlS
, usemesssageOverrides.s
instead. - Removed the property
intlSaturation
, use
messsageOverrides.saturation
instead. - Removed the property
intlSaveColor
, use
messsageOverrides.saveColor
instead. - Removed the property
intlSaved
, usemesssageOverrides.saved
instead. - Removed the property
intlV
, usemesssageOverrides.v
instead. - Removed the property
intlValue
, usemesssageOverrides.value
instead.
- Removed the property
-
combobox:
- Removed the property
intlRemoveTag
, use
messsageOverrides.removeTag
instead. - Renamed the event
calciteComboboxChipDismiss
, use
calciteComboboxChipClose
instead. - Removed the
event.detail
property on the event
calciteComboboxChange
, useevent.target.selectedItems
instead. - Removed the
event.detail
property on the event
calciteComboboxFilterChange
, useevent.target.filteredItems
or
event.target.value
instead. - Removed the property
active
, useopen
instead. - Removed the event
calciteLookupChange
, usecalciteComboboxChange
event instead. - Removed the payload information from the event
calciteComboboxChipDismiss
, use thevalue
property on the
component to determine the removed value instead.
- Removed the property
-
combobox-item: Removed deprecated property.
- Removed the property
constant
, usefilterDisable
instead.
- Removed the property
-
date-picker:
- Removed
endAsDate
andstartAsDate
properties, usevalueAsDate
instead. - Removed the property
intlNextMonth
, usemessageOverrides.nextMonth
instead. - Removed the property
intlPrevMonth
, usemessageOverrides.prevMonth
instead. - Removed the property
intlYear
, usemessageOverrides.year
instead. - Removed the
start
andend
properties, setvalue
as an array with the start as the first value and the end as the second
value instead. - Removed the
event.detail
property on the event
calciteDatePickerChange
, useevent.target
instead. - Removed the
event.detail
property on the event
calciteDatePickerRangeChange
, useevent.target
instead. - Removed the
locale
property, uselang
instead.
- Removed
-
date-picker-month, date-picker-month-header:
- Removed the event
calciteDatePickerSelect
on
CalciteDatePickerMonthHeader
- Removed the event
calciteDatePickerSelect
on
CalciteDatePickerMonth
- Removed the event
calciteDatePickerActiveDateChange
on
CalciteDatePickerMonth
- Removed the event
-
dropdown:
- Removed the
event.detail
property on the event
calciteDropdownSelect
, useevent.target
instead. To get the selecteddropdown-item
, use thecalciteDropdownItemSelect
event. - Renamed the property
disableCloseOnSelect
, use
closeOnSelectDisabled
instead. - Removed the slot
dropdown-trigger
, usetrigger
instead.
- Removed the
-
filter:
- Removed the property
intlClear
, usemesssageOverrides.clear
instead. - Removed the property
intlLabel
, usemessageOverrides.label
instead.
- Removed the property
-
flow-item:
- Removed the property
intlBack
, usemesssageOverrides.back
instead. - Removed the property
intlClose
, usemessageOverrides.close
instead. - Removed the property
intlOptions
, usemesssageOverrides.options
instead.
- Removed the property
-
handle:
- Removed the
event.detail.handle
property on the eventcalciteHandleNudge
, useevent.target
instead.
- Removed the
-
inline-editable:
- Removed the property
intlEnableEditing
, usemesssageOverrides.enableEditing
instead. - Removed the property
intlCancelEditing
, usemessageOverrides.cancelEditing
instead. - Removed the property
intlConfirmChanges
, usemessageOverrides.confirmChanges
instead.
- Removed the property
-
input:
- Removed the
nativeEvent
payload property which was being used
internally. - Removed the property
intlClear
, usemesssageOverrides.clear
instead. - Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed
maxlength
property, usemaxLength
instead. - Removed
locale
property, uselang
instead. - Removed
calciteInputInput
'sel
/value
event payload properties, use the event'starget
/currentTarget
instead.
- Removed the
-
input-date-picker:
- Removed
calciteDatePickerRangeChange
event, use
calciteInputDatePickerChange
instead. - Removed the property
start
, usevalue
instead. - Removed the property
end
, usevalue
instead. - Removed the property
startAsDate
, usevalueAsDate
instead. - Removed the property
endAsDate
, usevalueAsDate
instead. - Removed the property
intlNextMonth
, usemessageOverrides.nextMonth
instead. - Removed the property
intlPrevMonth
, usemessageOverrides.prevMonth
instead. - Removed the property
intlYear
, usemessageOverrides.year
instead. - Removed the
calciteDatePickerChange
event, use
calciteInputDatePickerChange
instead. - Removed the
active
property, useopen
instead. - Removed the
locale
property, uselang
instead.
- Removed
-
input-message:
- Removed
active
property, use the globalhidden
attribute instead. - Removed
type
property, "floating" is no longer supported.
- Removed
-
input-number:
- Removed the property
intlClear
, usemesssageOverrides.clear
instead. - Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed
locale
property, uselang
instead. - Removed
calciteInputNumberInput
event payload properties, use the
event'starget
/currentTarget
instead.
- Removed the property
-
input-text:
- Removed the property
intlClear
, usemesssageOverrides.clear
instead. - Removed the property
intlLoading
, usemesssageOverrides.loading
instead. - Removed
calciteInputTextInput
event payload, use the event's
target
/currentTarget
instead.
- Removed the property
-
input-time-picker:
- Removed the
active
property, useopen
instead. - Removed the property
locale
, uselang
instead. - Removed the property
intlHour
, usemesssageOverrides.hour
instead. - Removed the property
intlHourDown
, usemesssageOverrides.hourDown
instead. - Removed the property
intlHourUp
, usemesssageOverrides.hourUp
instead. - Removed the property
intlMeridiem
, usemesssageOverrides.meridiem
instead. - Removed the property
intlMeridiemDown
, usemesssageOverrides.meridiemDown
instead. - Removed the property
intlMeridiemUp
, usemesssageOverrides.meridiemUp
instead. - Removed the property
intlMinute
, usemesssageOverrides.minute
instead. - Removed the property
intlMinuteUp
, usemesssageOverrides.minuteUp
instead. - Removed the property
intlMinuteDown
, usemesssageOverrides.minuteDown
instead. - Removed the property
intlSecond
, usemesssageOverrides.second
instead. - Removed the property
intlSecondUp
, usemesssageOverrides.secondUp
instead. - Removed the property
intlSecondDown
, usemesssageOverrides.secondDown
instead.
- Removed the
-
label:
- The default display for label is now
flex
instead of
inline
. Use--calcite-label-margin-bottom
CSS variable to disable space when
inlayout
isinline
. - Removed the property
status
, set thestatus
property on the
component the label is bound to instead. - Removed the property
disabled
, set thedisabled
property on the
component the label is bound to instead. - Removed the property
disableSpacing
, use the CSS variable
--calcite-label-margin-bottom
instead.
- The default display for label is now
-
loader:
- Removed the property
active
, use global attributehidden
instead. - Removed the property
noPadding
, use--calcite-loader-padding
CSS
property instead.
- Removed the property
-
modal:
- Removed the property
backgroundColor
, use the CSS variable
--calcite-modal-content-background
instead. - Removed the
--calcite-modal-padding
CSS variable, use the
--calcite-modal-content-padding
CSS variable instead. - Removed the property
intlClose
, usemesssageOverrides.close
instead. - Renamed the property
color
, usekind
instead. - Updated the accepted values of
kind
tobrand
,danger
,info
,
success
, andwarning
. - Removed the property
active
, useopen
instead. - Removed the property noPadding, use
--calcite-modal-padding
CSS
property instead. - Removed the method
focusElement
, usesetFocus
method instead. - Removed the CSS property
--calcite-modal-content-text
. - Removed the CSS property
--calcite-modal-padding-large
. - Removed the CSS property
--calcite-modal-title-text
. - Renamed the property
disableCloseButton
, usecloseButtonDisabled
instead. - Renamed the property
disableFocusTrap
, usefocusTrapDisabled
instead. - Renamed the property
disableOutsideClose
, useoutsideCloseDisabled
instead. - Renamed the property
disableEscape
, useescapeDisabled
instead.
- Removed the property
-
notice:
- Removed the property
active
, useopen
instead. - Removed the property
dimissible
, useclosable
property instead. - Removed the property
intlClose
, usemesssageOverrides.close
instead.
- Removed the property
-
pagination:
- Removed the property
textLabelNext
, usemesssageOverrides.next
instead. - Removed the property
textLabelPrevious
, use
messsageOverrides.previous
instead. - Removed the event
calcitePaginationUpdate
event, use
calcitePaginationChange
event instead. - Removed the
event.detail
property on the event
calcitePaginationChange
, useevent.target
instead.
- Removed the property
-
panel:
- Removed the property
intlClose
, usemesssageOverrides.close
instead. - Removed the property
intlOptions
, usemesssageOverrides.options
instead. - Removed the property
dismissed
, useclosed
instead. - Removed the property
dismissible
, useclosable
instead. - Removed the property
summary
, usedescription
instead. - Removed the property
intlBack
, use thecalcite-flow-item
component
instead. - Removed the property
showBackButton
, use thecalcite-flow-item
component instead. - Removed the property
beforeBack
, use thecalcite-flow-item
component instead. - Removed the event
calcitePanelDismiss
, usecalcitePanelClose
instead. - Removed the event
calcitePanelDismissedChange
, use
calcitePanelClose
instead. - Removed the event
calcitePanelBackClick
, use thecalcite-flow-item
component instead.
- Removed the property
-
pick-list-item:
- Removed the property
intlRemove
, usemesssageOverrides.remove
instead. - Renamed the property
disableDeselect
, usedeselectDisabled
instead.
- Removed the property
-
popover:
- Removed the property
intlClose
, usemesssageOverrides.close
instead. - Renamed the property
disableFlip
, useflipDisabled
instead. - Renamed the property
disableFocusTrap
, usefocusTrapDisabled
instead. - Renamed the property
disablePointer
, usepointerDisabled
instead. - Removed the property
closeButton
, useclosable
instead. - Removed the property
dismissible
, useclosable
instead.
- Removed the property
-
popover-manager: Removed the
calcite-popover-manager
component. This
component is no longer necessary forcalcite-popover
s. -
radio-group:
- Removed
minimal
appearance value, useoutline
instead. - Removed the
event.detail
property on the event
calciteRadioGroupChange
, useevent.target
instead.
- Removed
-
radio-group-item:
- Removed the property
icon
, use eithericonStart
oriconEnd
instead. - Removed the property
iconPosition
, use eithericonStart
or
iconEnd
instead.
- Removed the property
-
rating:
- Removed the
event.detail
property on the event
calciteRatingChange
, useevent.target
instead. - Removed the property
intlStars
, usemesssageOverrides.stars
instead. - Removed the property
intlRating
, usemesssageOverrides.rating
instead.
- Removed the
-
scrim:
- Removed the property
intlLoading
, usemesssageOverrides.loading
instead.
- Removed the property
-
shell:
- Removed the slot
primary-panel
, usepanel-start
instead. - Removed the slot
contextual-panel
, usepanel-end
instead.
- Removed the slot
-
shell-panel:
- Removed the property
intlResize
, usemessagesOverrides.resize
instead. - Removed the
calciteShellPanelToggle
event. Use aResizeObserver
on the component to listen for changes to its size. (https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- Removed the property
-
slider:
- Removed the event
calciteSliderUpdate
, usecalciteSliderInput
instead.
- Removed the event
-
split-button:
- Removed the
event.detail
payload from the events
calciteSplitButtonPrimaryClick
andcalciteSplitButtonSecondaryClick
.
Use separate mouse event listeners to get information aboutclick
events.
- Removed the
-
stepper-item:
- Removed the property
active
, useselected
instead. - Removed the property
itemTitle
, useheading
instead. - Removed the property
itemSubtitle
, usedescription
instead.
- Removed the property
-
switch:
- Removed the property
switched
, usechecked
instead. - Removed the
event.detail
fromcalciteSwitchChange
, use
event.target.checked
instead.
- Removed the property
-
tab-nav:
- Removed the
event.detail
property on the eventcalciteTabChange
,
useevent.target
instead.
- Removed the
-
tab-title:
- Removed the
event.detail
property on the event
calciteTabsActivate
, useevent.target
instead.
- Removed the
-
tabs:
- Removed the slot
tab-nav
, usetitle-group
instead.
- Removed the slot
-
time-picker:
- Removed
target
parameter fromsetFocus()
, focus will be delegated
to the first focusable element instead. - Removed the property
intlHour
, usemesssageOverrides.hour
instead. - Removed the property
intlHourDown
, usemesssageOverrides.hourDown
instead. - Removed the property
intlHourUp
, usemesssageOverrides.hourUp
instead. - Removed the property
intlMeridiem
, usemesssageOverrides.meridiem
instead. - Removed the property
intlMeridiemDown
, usemesssageOverrides.meridiemDown
instead. - Removed the property
intlMeridiemUp
, usemesssageOverrides.meridiemUp
instead. - Removed the property
intlMinute
, usemesssageOverrides.minute
instead. - Removed the property
intlMinuteUp
, usemesssageOverrides.minuteUp
instead. - Removed the property
intlMinuteDown
, usemesssageOverrides.minuteDown
instead. - Removed the property
intlSecond
, usemesssageOverrides.second
instead. - Removed the property
intlSecondUp
, usemesssageOverrides.secondUp
instead. - Removed the property
intlSecondDown
, usemesssageOverrides.secondDown
instead. - Removed the
locale
property, uselang
instead.
- Removed
-
tip:
- Renamed the property
nonDismissible
, usecloseDisabled
instead.
- Renamed the property
-
tip-manager:
- Removed the
calciteTipManagerToggle
event, use
calciteTipManagerClose
instead.
- Removed the
-
tooltip-manager: Removed the
calcite-tooltip-manager
component. This
component is no longer necessary forcalcite-tooltip
s. -
tree:
- Added property
selectedItems
. - Removed the
event.detail
property on the eventcalciteTreeSelect
,
useevent.target
instead. - Removed the property
inputEnabled
, useselectionMode="ancestors"
instead.
- Added property
-
value-list:
- Removed the property
intlDragHandleActive
, usemesssageOverrides.dragHandleActive
instead. - Removed the property
intlDragHandleChange
, usemesssageOverrides.dragHandleChange
instead. - Removed the property
intlDragHandleCommit
, usemesssageOverrides.dragHandleCommit
instead. - Removed the property
intlDragHandleIdle
, usemesssageOverrides.dragHandleIdle
instead.
- Removed the property
-
value-list-item:
- Renamed the property
disableDeselect
, usedeselectDisabled
instead.
- Renamed the property
Features
-
shell-panel: Add built-in translations (#6079) (1c7ff2b), closes #6066
-
tip,tip-manager: Add built-in translations (#6074) (683cf07), closes #6066
-
Add
iconFlipRtl
prop to all components with a convenience icon prop #5496 (#5878) (30a080b) -
dropdown-item: Adds the
calciteDropdownItemSelect
event on any parent element to listen for items when selected (#6015) (b565ac9), closes #5940 #5940 -
input, input-number, input-text: Add inputMode and enterKeyHint properties (#5976) (d567a9f), closes #5917
-
action: Add built-in translation support for indicator text (#5895) (704db6d), closes #4813
-
list-item: Add content slot for specialized content (#5876) (a510773), closes #3032 #3032
-
textarea: Add default message bundle (#5870) (c7a8495), closes #863
-
input, input-text, input-number: Add attributes
autocomplete
,accept
,multiple
,pattern
(#5807) (feb4fce), closes #4079 -
list, list-item, list-item-group: Adds support for selecting and filtering list items. Improves accessibility by using aria "treegrid" role. (#4527) (f489c57)
-
pick-list, value-list: Add
calciteListFilter
event,filteredItems
prop,filterText
prop andfilteredData
prop. (#5681) (943d208), closes #4333 -
popover: Add focus-trap to popover and
disableFocusTrap
property. (#5725) (a8ef353), closes #2133 -
popover: Escape key should close open popovers. (#5726) (2e2621d)
-
tabs: Add support for navigating with Home and End keys (#5727) (823c429), closes #5661
-
tooltip: Add tooltip open, close, beforeOpen, and beforeClose events (#5772) (64b5675), closes #5734
Bug Fixes
-
icon, graphic, loader: Set aria-hidden on internal svg elements (#6069) (4ed3ca0), closes #5616
-
combobox: Fix error when typing a custom value (#6071) (246de97), closes #5109 #5109
-
rating: 5312 improve user interface (#5948) (a9724dd), closes #5312
-
loader: Do not modify display when inline (#6013) (2d91c89), closes #5900 #5900
-
popover, modal: Deactivate focus trap on outside click (#5994) (2a66134), closes #5993
-
loader: No longer animates when reduced motion is enabled (#5981) (4d994e5), closes #3489
-
modal, popover: Add
disableFocusTrap
property to toggle focus trapping. (#5965) (7ee9e16) -
input, input-number, input-text: Fix infinite loop crashing browser. #5882 (#5961) (190cfac)
-
alert: Auto-dismissible retains close button and dismisses timer while a user is hovering over (#5872) (274b104), closes #3338
-
action: Add screen reader support for
active
andindicator
props (#5875) (b6bcfa0), closes #4813 #4813 -
list, list-item: Fix focus behavior when clicking on an item (#5901) (552e28f), closes #5899
-
modal: OpenCloseComponent emits when setting
--calcite-duration-factor
to 0 (#5326) (ff19420), closes #5206 -
tooltip: Prevent tooltip from appearing above modal overlay (#5873) (f7a5de2), closes #5388 #5388
-
list-item: Add hover styling (#5891) (063d6e9), closes #5880
-
input-time-picker, input-date-picker: Internal pickers update when changing locales (#5887) (9c2dc42), closes #5855
-
modal: Restore deprecated scrim background css property (#5868) (7717127), closes #5866
-
alert: Placement of link consistent with notice (#5852) (56e35ab), closes #5254
-
pagination:
numberingSystem
andlang
properties work withoutgroupSeparator
(#5828) (b21c5d0), closes #5648 -
combobox: 5540 - handle focus (#5774) (6a114b6), closes #5540
-
tree-item: Allow space and enter key events when selectionMode is "none" (#5800) (2fa483b), closes #5735 #5735
-
input-date-picker: Display updated valueAsDate in the two range inputs (#5758) (ea93555), closes #5207
-
block: Slow down loading icon spin (#5778) (7b990dc), closes #5776
-
setFocus methods should wait for the component to be loaded (#5749) (06d4767)
-
block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Set default internal heading to a div. (#5728) (38ca639), closes #5099
-
button, fab: adjust padding on 'l' scale button to accommodate 'm' scale icon without change in height (#5659) (d68d95c)
-
calcite-loader, calcite-input-message: Drop
active
in favor ofhidden
(#5761) (c2e05d1) -
combobox: Wrap and break text on long items (#5672) (4a4d776), closes #5419
-
inline-editable: Add text-ellipsis when not editing (#5679) (2524e6f), closes #5489
-
input-date-picker: Restores mouse clicks on date-picker popup (#5760) (98f28c6)
-
input, input-number: Decimals no longer contain groupSeparators and remove leading zeros (#5490) (07142f3)
-
value-list-item: Prevent scrolling when space is pressed on drag button (#5709) (81d4c71)