Skip to content

@esri/calcite-components: v3.3.0

Choose a tag to compare

View all tags
@calcite-admin calcite-admin released this 16 Sep 23:30
@esri/[email protected]
e5e8115
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

3.3.0 (2025-09-16)

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-zone: Display 'city, country' when control closed and value set programmatically (#12252) (684062e)
  • 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)
  • Map bs locale to sr-Latn-CS (#12566) (298a7ba)
  • pagination: Prevent invalid start-item (#12557) (494e33f)
  • 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)
  • semantic-tokens: Add --calcite-color-surface-highlight and update referenced core tokens ([#10756] (#10756)) ([6fdc92] (6fdc9d2))
  • 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)
  • semantic-tokens: Deprecate --calcite-color-foreground-current (#10756) (6fdc92)

Dependencies

  • The following workspace dependencies were updated
    • dependencies
      • @esri/calcite-ui-icons bumped from 4.3.0-next.23 to 4.3.0
    • devDependencies
      • @esri/calcite-design-tokens bumped from 3.2.0-next.14 to 3.2.0
      • @esri/calcite-tailwind-preset bumped from 1.0.1-next.18 to 1.0.1
      • @esri/eslint-plugin-calcite-components bumped from 2.0.3-next.5 to 2.0.3
Assets 3
Loading