v1.0.3
v1.0.3 (2023-01-24)
⚠ BREAKING CHANGES
-
styles: Use "mode" nomenclature instead of "theme"
.calcite-theme-auto
,.calcite-theme-dark
, and
.calcite-theme-light
CSS classes have been replaced with
.calcite-mode-auto
,.calcite-mode-dark
, and.calcite-mode-light
-
modal, panel, popover: Removed
focusId
parameter fromsetFocus
methods.
When thesetFocus
method is called the first focusable element will be
focused. -
panel, shell-panel, flow-item: Update available css variables.
- Removes
heightScale
andwidthScale
properties from Panel and Flow
Item. - Removes css variables for Panel - the component will now fill
available width of parent component. - Documents public css variables for Shell Panel.
- Removes
-
accordion:
- Removed
"default"
value for theappearance
property, use"solid"
instead. - Removed
"minimal"
value for theappearance
property.
- Removed
-
card:
- Removed
footer-leading
andfooter-trailing
slots, use
footer-start
andfooter-end
instead.
- Removed
-
color-picker:
- Removed
appearance
property, use--calcite-ui-border-1:transparent
to remove the border instead of the"minimal"
value
- Removed
-
combobox-item:
- Removed
toggleSelected
method, use theselected
property instead.
- Removed
-
date-picker:
- Removed the property
startAsDate
, usevalueAsDate
instead. - Removed the property
endAsDate
, usevalueAsDate
instead.
- Removed the property
-
input-time-picker:
- Removed the event payload from
calciteInputTimePickerChange
event.
- Removed the event payload from
-
modal:
- The
width
property no longer accepts a custom width. Accepted values
ares
,m
,l
. - Adds
--calcite-modal-width
and--calcite-modal-height
css
variables.
- The
-
pagination:
- Removed the
--calcite-pagination-spacing
css variable - Removed the property
num
, usepageSize
instead - Removed the property
total
, usetotalItems
instead - Removed the property
start
, usestartItem
instead
- Removed the
-
popover:
- Removed the
toggle
method, use theopen
property instead.
- Removed the
-
radio-button-group:
- Added property
selectedItem
. - Removed the
event.detail
property on the event
calciteRadioButtonGroupChange
, useevent.target
and the property
selectedItem
instead.
- Added property
-
radio-group, radio-group-item: Renames components.
calcite-radio-group
has been renamed tocalcite-segmented-control
.calcite-radio-group-item
has been renamed to
calcite-segmented-control-item
.
-
segmented-control:
- Updates
segmented-control
event tocalciteSegmentedControlChange
.
- Updates
-
stepper:
- Added property
selectedItem
. - Removed the
event.detail
property on the event
calciteStepperItemChange
, useevent.target
and the property
selectedItem
instead.
- Added property
-
tip:
- Rename
dismissed
prop to `closed.
- Rename
Features
-
tree-item: support actions-end and icon-start (#6005) (ea36657), closes #3127
-
modal: Updates accepted
width
values, adds css variables for width and height (#6166) (de11401) -
panel: Allow Panel to fill height of parent (#6256) (f556efc)
-
popover, modal: Add the ability to update focus trap elements after initialization (#6141) (806ca32)
Bug Fixes
-
select: bumping scale of chevron icon to M when host is scale l (#6335) (fa91ec1), closes #5698
-
input, input-number: correctly handle '-' and '.' values when sanitizing number (#6306) (6533366), closes #6270
-
tree: expanded item renders correctly on initial load (#6320) (ac8b517), closes #6284
-
date-picker: display correct day for first day of month in
ar
locale (#6309) (ea190a7), closes #6182 -
combobox-item: adds selector indicator for item's with icon. (#6282) (e4bdfaf), closes #6287
-
date-picker: end-range is now rounded and has the correct box-shadow (#6216) (ed30588), closes #5544
-
date-picker: range value property updates correctly (#6289) (7ff1c7d)
-
dropdown-item: bumping the scale of icon to M when parent dropdown is scale L (#6254) (8957e8d), closes #5698
-
tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker: bumping the scale of icon to M when parent is scale L (#6267) (e8edf6b), closes #5698
-
accordion-item: bumping the scale of icon to M when parent accordion is scale L (#6252) (a6bb7da), closes #5698
-
combobox-item: bumping the scale of icon to M when parent combobox is scale L (#6253) (051cb3f), closes #5698
-
button: neutral and outline button now has correct border color (#6269) (24e6d32), closes #5331
-
input, input-number, input-text: allow slotted action to be independently disabled (#6250) (8197c18), closes #6241
-
input, input-number: nudge buttons increment/decrement once per interaction (#6240) (fd10ac5), closes #5785
-
tree-item: overflow slotted elements are no longer hidden (#5261) (4aa1f7e), closes #5168
-
list-item: use pointer cursor when selection mode is none (#6213) (6b43b91), closes #6123
-
alert: Correctly dismiss after hovering (#6228) (66dd692), closes #6222
-
input, input-number: increment/decrement to the min/max when value is below/above (#6207) (d9eb215), closes #6201
-
modal: close button does not change header height (#6205) (f1d73a8), closes #1707 #5210
-
input-date-picker: update input value when changing locale (#6197) (65478be), closes #5886 #5969
-
date-picker: modify weekStart value for ar locale (#6154) (f9fe230)
-
time-picker: high contrast visibility of outlines in focus and hover states (#6129) (90ddff1)
-
tooltip: Fix hover logic for elements within shadowRoot. (#6119) (f490e5e)