Skip to content

Changelog for 3.3

September 2025

Features

  • accordion-item: Add content-start and content-end slots (#12849) (67a9509)
  • accordion-item: Add headingLevel property (#12240) (5f02b5c)
  • accordion-item: Add title to expand icon (#12657) (e691a3a)
  • action: Add type property (#12624) (c9dd7d9)
  • action: Make actions fill full width of parent (#12047) (7b9dfd7)
  • Add focus options support (#12555) (58148cc)
  • Add internal label across form components (#12499) (6b38dd8)
  • autocomplete-item: Add calciteAutocompleteItemSelect event (#12655) (61dcbfa)
  • block, block-section, block-group: Add scale property (#12382) (28b9da8)
  • block: Add --calcite-block-content-space css token (#12704) (7f1167a)
  • button: Add css property for shadow (#12603) (12bfdae)
  • carousel: Add component tokens (#12474) (385a83b)
  • checkbox: Enhance component's interactivity states (#12207) (f00e45b)
  • color-picker: Add component tokens (#12862) (5dffbf3)
  • color-picker: Support hiding color-field (#12484) (c4e42b6)
  • combobox: Add --calcite-combobox-divider-color (#12223) (9d5b55d)
  • combobox: Provide context when filtering and there are no matching results (#12525) (e1b32b9)
  • combobox: Single-persist mode ignores clearDisabled (#12757) (ce36c6c)
  • date-picker, input-date-picker: Add calendars property to support one month view in range (#12479) (f5357c6)
  • dialog, modal, popover, sheet: Add setReturnFocus to focusTrapOptions (#12513) (50a371a)
  • dialog, panel, flow-item: Add icon and iconFlipRtl properties (#12176) (e03222c)
  • dialog: Add component tokens (#12553) (0088f2e)
  • Emit expanded/collapsed end-state events for expandable components (#12580) (e0e686b)
  • input-date-picker: Add component tokens (#11734) (a3c152a)
  • input-number, input-text: Add center alignment (#12695) (6e0739b)
  • input-text: Add component tokens (#12242) (9edff0c)
  • input-time-picker: Add component tokens (#12874) (5134270)
  • input: Add title to clear button (#12807) (6b160c0)
  • label: Add new layout "block" (#12552) (66c4b7b)
  • list, block-group, sort-handle: Add sortDisabled property to prevent reordering (#12615) (2a41b0f)
  • list, block-group, sort-handle: Add support for cloning dragged items (#12628) (2f0246a)
  • Make version console message easier to disable (#12194) (b2f8ddf)
  • panel: Add collapseDirection as public property (#12813) (9675814)
  • popover: Add token for specifying the max width (#12516) (bb8dac9)
  • radio-button: Enhance component's interactivity states (#12169) (5999bac)
  • select: Add component tokens (#12812) (25de1ca)
  • split-button: Add component tokens (#12756) (82f107e)
  • stepper-item: Improve single selection icon color (#12436) (c2c6037)
  • swatch, swatch-group: Add new components (#12584) (6d6d3d1)
  • swatch: Use label for visual title (#12841) (7dbbc91)
  • table, table-row, table-header, table-cell: Add component tokens (#11770) (8a0168c)
  • time-picker: Apply consistent styling for floating elements (#12467) (c1d13ba)
  • time-picker: Apply rounded corners inside popover (#12502) (3ad12dd)
  • tokens: Add missing line height tokens (#12798) (3bf135d)
  • tooltip: Add css custom property for setting max size (#12865) (83911fc)

Bug Fixes

  • accordion-item: Fix font size for headingLevel property (#12269) (448880d)
  • action-menu: Ensure children are ready before setting a11y attributes (#12533) (1f83000)
  • action: Fix applied tokens when active (#12686) (d58901e)
  • autocomplete: Announce result to screen readers using aria-live attribute (#12443) (0988e98)
  • block: Allow customizing heading text color when expanded & deprecate tokens (#12777) (98b4348)
  • block: Icon-end aligns with header container when collapsible is false (#12784) (4565b90)
  • block: No longer renders an empty header (#12801) (9904507)
  • card: Ensure setFocus focuses card when it contains nested interactive children (#12724) (2fbcd99)
  • chip: Adjust interactivity states enhancements (#12329) (608c006)
  • color-picker: Adjust component spacing (#12767) (4325d8b)
  • color-picker: Ensure channel values are rounded (#12239) (ba4e470)
  • combobox: Adjust padding for no-matches context (#12781) (e309828)
  • date-picker: Honor minAsDate & maxAsDate when set (#12706) (de8afed)
  • date-picker: Improve color contrast for days (#12705) (0930c30)
  • dialog, flow-item, panel: Fix iconFlipRtl not working in RTL contexts (#12668) (b2c22c9)
  • dialog: Ensure beforeClose is called once and fix animation on dialog (#12152) (0898b7c)
  • dialog: Fix for corner radius token (#12859) (ee05c4d)
  • dialog: Restrict resizing once minimum size has been reached (#12175) (cd03d14)
  • Emit beforeOpen and beforeClose immediately on toggle (#11965) (5955929)
  • Ensure initial transitions are applied consistently (#12392) (a82aeb2)
  • Ensure transition-duration is used in Tailwind utils (#12167) (fc842ee)
  • input-date-picker: Announces the purpose of each input in the range mode (#12238) (c64169e)
  • input-date-picker: No longer close when non-interactive areas are clicked in Safari (#12139) (69016b1)
  • input-date-picker: Update start & end date correctly when proximity-selection-disabled is true (#12681) (67336ab)
  • input-number: Add token to customize icon color (#12414) (63c68b8)
  • input-time-picker: Add label property (#12276) (2e06dd1)
  • input-time-picker: Apply aria-label and aria-controls attributes correctly to support NVDA and JAWS (#12312) (ffd0cd7)
  • input-time-picker: Ensure programmatic value setting updates input display (#12233) (fd69e89)
  • input-time-zone: Address code review comments (#12293) (c86df52)
  • input-time-zone: Display 'city, country' when control closed and value set programatically (#12252) (684062e)
  • input-time-zone: Fix selected time zone label flicker and scroll delay for region mode (#12384) (f0b67f4)
  • input, input-number, input-text: Ensure overlay does not obscure input icon (#12716) (926826f)
  • input, input-number, input-text: Stretch the height of slot container to match with component (#12339) (3d24364)
  • input: Do not obscure picker button with type=datetime-local (#12081) (db4bd12)
  • link: Emit click event on enter key when the component doesn't have href defined (#12191) (409915c)
  • list, block-group: Emit calciteListOrderChange on destination when adding or moving from the menu (#12799) (916f081)
  • list, block-group: Fix canPull when cloning and "Add to" menu on block-group (#12741) (78b15e2)
  • list, block-group: Sort handle menu should respond to new lists or label changes (#12848) (df453bb)
  • list, block-group: Update menu item labels and call canPut / canPull to filter items before opening a sort handle menu (#12487) (9c9ff9c)
  • list, block-group: Update sort handle move items before dropdown menu is opened (#12722) (298a7f1)
  • list: Added scrim for empty list (#12595) (7a5cc96)
  • list: Fix visual artifacts when you initiate a drag operation with the drag handle menu open (#12611) (b317e50)
  • list: Prevent drag flickering while sorting (#12631) (accef27)
  • list: Reorder options not shown in nested list drag menus (#12186) (08bfe98)
  • Map bs locale to sr-Latn-CS (#12566) (298a7ba)
  • pagination: Prevent invalid start-item and set default to 1 (#12557) (494e33f)
  • pagination: Restore original default value for totalItems (#12569) (e65b461)
  • panel: Alert slot should not take up any height (#12802) (c51b968)
  • panel: Prevent child panels from closing parent panels (#12646) (15da3ce)
  • popover, tooltip: Do not close when a click was initiated inside the component (#12543) (a35e96a)
  • popover, tooltip: Open when there is selected text on the page (#12597) (4274d65)
  • radio-button: Fix navigation with disabled buttons (#12514) (d1b1ccb)
  • segmented-control: Avoid changing focus from programmatic item selection (#12181) (e3be05e)
  • select: Fix error thrown when component is removed before initialization (#12630) (ec661db)
  • sheet, shell: Fix resize handle in RTL direction (#12205) (cc58fc4)
  • shell-center-row: Fix rendering tied to named-slot content (#10451) (5b15a02)
  • shell-panel: Allow content to extend the full height of the panel (#12860) (52bed19)
  • shell-panel: Restore resized size after expanding (#12691) (0779250)
  • slider: Allow range handle dragging in either direction when both handles share the same position (#12527) (d9c7bfa)
  • slider: Remove fill color when dragged handle is released and no longer has focus (#12511) (5db048f)
  • stepper-item: Remove margin when slotted content is empty (#12298) (6b1d099)
  • stepper: Disallow navigation to disabled items (#12217) (cbe160f)
  • swatch: Ensure corner radius css property is correctly applied (#12855) (50405aa)
  • title: Apply alignment on slotted content (#12451) (93b470a)
  • tokens: Restore --calcite-color-focus (#11960) (0432a20)

Deprecations

  • combobox: Remove --calcite-combobox-item-border-color (9d5b55d)
  • label: Deprecate "default" layout value. (66c4b7b)

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.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.