Changelog for 3.2 | Calcite Design System

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 canPut or canPull returning false (#11567) (f080121)
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 selectAll toggle property (#11721) (d084410)
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 nn locale (#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 initialFocus when opening components (#12084) (125e294)
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 href is set (#11976) (4ea3b9c)
tab-nav: Emit calciteTabChange event only when selected tab changes (#11812) (0ad0097)
tab: Fix focus outline placement on scrolling tabs (#11967) (9e77950)
table-row: Update selected property on calciteTabRowSelect event (#12015) (089df00)
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-pad component in favor of action-bar with floating property (7cd7fd5)

Compatibility

The 4.33 release of the ArcGIS Maps SDK for JavaScriptArcGIS Maps SDK for JavaScript, previously known as ArcGIS API for JavaScript, is a developer product for building mapping and spatial analysis applications for the web.Learn more 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.