May 2025
Features
- accordion-item: Enhance component's interactivity states (#11935) (46ddfd3)
- action-bar: Add floating property and "grid" layout value (#12103) (7cd7fd5)
- block-group, list: Add event for when a move is halted due to
canorPut canreturning false (#11567) (f080121)Pull - block: Add specific component css tokens (#12102) (ce22de4)
- block: Enhance component's interactivity states (#11827) (7d509c6)
- button: Enhance component's interactivity states (#12005) (55f2882)
- combobox: Add
selecttoggle property (#11721) (d084410)All - dropdown-item: Enhance component's interactivity states (#11821) (14ed4a8)
- fab: Add component tokens (#11838) (d88d73b)
- fab: Enhance component's interactivity states (#12097) (8407e0a)
- filter: Add component tokens (#11885) (b6516f8)
- input-message: Add component tokens (#11759) (efddfaf)
- input-number: Add component tokens (#11961) (88dafa7)
- input-time-picker: Add separate hour, minute, second and meridiem input fields (#11712) (4fa4e20)
- list-item: Enhance component's interactivity states (#11824) (718f51d)
- meter: Add component tokens (#11757) (a8daa99)
- Move Tailwind preset to package (#11817) (6a37f65)
- notice: Add token for close icon and title text color (#11938) (4a3bbc1)
- radio-button-group: Add component tokens (#11897) (25f9b07)
- radio-button: Add component tokens (#11891) (c6141a7)
- sheet: Add component tokens (#12023) (3d40a2f)
- shell-panel: Add component tokens (#11926) (e71ad98)
- shell-panel: Improve visibility of resizable functionality and allow resizable for all displayMode values (#11983) (a47a350)
- shell: Add component tokens (#11908) (e3443e9)
- stepper-item: Add component tokens (#12035) (5223751)
- stepper: Add component tokens (#12036) (b4531bb)
- Support
nnlocale (#12079) (202aaa6) - switch: Enhance component's colors for a11y and usability (#11951) (a878811)
- tabs, tab-nav, tab-title, tab: Add component tokens (#11720) (e208b56)
- text-area: Add design tokens for corner radius, shadow, footer background color (#12124) (9f5d3ba)
- time-picker: Add component tokens (#11942) (a8fa5d0)
- tokens: Add transparency-inverse tokens (#11974) (db09167)
- tree, tree-items: Add component tokens (#11884) (a252522)
Bug Fixes
- action-menu: Stop propagation of internal popover events (#12051) (269892f)
- autocomplete: Fix setFocus method in Safari (#12092) (34598c9)
- autocomplete: Should open on key input and close when key input is cleared (#12113) (c87b66d)
- date-picker-month: Fix height of calendar to 6 rows (#12085) (80f7598)
- dialog, modal, sheet: Fix page scrolling after closing (#12006) (01ae74b)
- dialog, modal, sheet: Honor
initialwhen opening components (#12084) (125e294)Focus - Fix memory leak caused when disconnecting floating-ui (#12107) (b4d79a6)
- input-date-picker: Add label property for screen readers and AT (#11995) (499414f)
- input-date-picker: Allow clearing invalid date value (#11937) (8d86681)
- input-date-picker: Ensure ar-fallback when the locale is ar-SA (#12025) (20d7ad9)
- input-number: Allow editing of numbers that start with zeros (#11705) (660ceed)
- input-number: Cancel arrow down event (#11956) (7883325)
- input-number: Ensure change event correctly fires for all locales (#11982) (c3862f6)
- input-number: Prevent entry of invalid characters (#12093) (37dbae7)
- input-time-picker: Invert text color on Windows when each masked input is focused (#12130) (92d59d1)
- input-time-picker: Isolate calciteTimeChange event listener to just the component instance it was fired from (#12109) (14ed37a)
- input, input-number, input-text, text-area, combobox: Pass AA for placeholder text color (#11972) (7f01b14)
- list-item: Align elements to the left of the item's content (#11977) (8a557d9)
- list-item: Display selection border when item is focused (#11898) (fd277f4)
- list, block-group: Fix drag handle events when lists or blocks are nested (#11816) (a1798ee)
- list, block-group: List nested in shadow DOM loses drop zone styling (#12105) (7470f5d)
- list: Correctly set the drag order and set size on filtered items (#12075) (7444251)
- list: Remove auto expanding behavior when dragging (#12121) (556d296)
- navigation: Add missing css display (#12076) (4b6e3dc)
- Outside click of a focus trap should not focus initial focused element (#11823) (bfe793a)
- panel: Fix
--calcite-panel-header-action-text-color-press(#12110) (2df071f) - Remove unused dragging styles (#11883) (#11889) (bbd6170)
- shell-panel, sheet: Resize handle overlaps dropdown within panel (#12046) (3c955c0)
- shell-panel: Handle overflow scrolling (#12056) (68e1073)
- shell-panel: Handle overflow scrolling (#12069) (518a396)
- shell, sheet, dialog, modal: Fix for slotted component interaction (#12059) (5d3917f)
- sort-handle: Allow move and reorder events to be cancelled (#12095) (5f07b93)
- split-button: Fix duplicate border when
hrefis set (#11976) (4ea3b9c) - tab-nav: Emit
calciteevent only when selected tab changes (#11812) (0ad0097)Tab Change - tab: Fix focus outline placement on scrolling tabs (#11967) (9e77950)
- table-row: Update
selectedproperty oncalciteevent (#12015) (089df00)Tab Row Select - text-area: Height is no longer fixed when viewport resized to narrow dimensions (#11247) (28048ac)
- text-area: No longer changes height & width when status is invalid (#11826) (97dc878)
Deprecations
- action-pad: Deprecate component in favor of action-bar with floating property (7cd7fd5)
- notice: Deprecate notice close text color tokens (4a3bbc1)
- input-message: Deprecate
--calcite-input-message-spacing-value(efddfaf) - action-pad: Deprecate
action-padcomponent in favor ofaction-barwithfloatingproperty (7cd7fd5)
Compatibility
The 4.33 release of the ArcGIS Maps SDK for JavaScript supports Calcite version 3.2.1. In your application, we recommend using the same version or any minor version greater than ^3.2.1.
If you are using version 4.32 it is recommended to use Calcite's 3.0.3, or any minor version greater than ^3.0.3.