Releases: Esri/calcite-design-system
Releases · Esri/calcite-design-system
@esri/calcite-components: v3.0.2
@esri/calcite-components: v3.0.1
3.0.1 (2025-02-14)
Bug Fixes
- dialog, modal, sheet: Preserve focus-trap extra containers across internal trap updates (#11548) (4e421b7)
- input-date-picker: Allow navigating between months using chevron actions in Safari (#11547) (9b8c02e)
- list, block-group: Drag menu 'Move to' actions broken when list elements have explicit ids (#11515) (e0daf83)
@esri/calcite-components-react: v3.0.2
3.0.2 (2025-02-14)
Miscellaneous Chores
- @esri/calcite-components-react: Synchronize components versions
Dependencies
- The following workspace dependencies were updated
- dependencies
- @esri/calcite-components bumped from 3.0.1 to 3.0.2
- dependencies
@esri/calcite-components-react: v3.0.1
3.0.1 (2025-02-14)
Miscellaneous Chores
- @esri/calcite-components-react: Synchronize components versions
Dependencies
- The following workspace dependencies were updated
- dependencies
- @esri/calcite-components bumped from 3.0.0 to 3.0.1
- dependencies
@esri/eslint-plugin-calcite-components: v2.0.0
2.0.0 (2025-02-08)
� BREAKING CHANGES
- The following deprecated rules from
@esri/eslint-plugin-calcite-components
have been removed due to changes introduced in #10310:
Deprecations
- Deprecate
ban-props-on-host
rule (#10642) (06cb6fb) - Deprecate
require-event-emitter-type
rule (#10638) (abe53c2)
Code Refactoring
@esri/calcite-ui-icons: v4.0.0
4.0.0 (2025-02-08)
� BREAKING CHANGES
Features
- Add ArcGIS Knowledge Studio 11.5 Icons (#11018) (deaeacd)
- Add buffer point, buffer polygon, buffer polyline, contour, offset (#10594) (f6657a7)
- Add crosshair (#11331) (e8dc491)
- Add drag resize vertical and drag resize horizontal (#10553) (6cc0230)
- Add dual image area, dual image direction, and dual image location (#11445) (188e807)
- Add hammer coin and hammer lock (#11396) (a3c32a3)
- Add icon font files (#10996) (bd5f816)
- Add Plan Editor icons (#10873) (fc4c700)
- Add plug connection (#11113) (d37799e)
- Add portal-other, replica sync enable (#10517) (53a9684)
- Add user risk (#10625) (4a71f3f)
- Add utility network layer (#11299) (1b80ea0)
Bug Fixes
- Medical icon (#11087) (04ab859)
- Update collaboration user, properties, text-button (#10640) (5baba00)
- Updated offset and properties (#10671) (950da13)
- Updated web-adapter name (#10581) (7e55732)
Performance Improvements
Deprecations
Code Refactoring
@esri/calcite-design-tokens: v3.0.0
3.0.0 (2025-02-08)
� BREAKING CHANGES
- tokens: Size and Space token values have changed. Line Height tokens exported for JS and ES6 are now unitless.
Features
Bug Fixes
- font: Change calcite-font-bold to be semi-bold (#10745) (f1454c1)
- tokens: Correct space and size tokens (#10727) (13c2df8)
Deprecations
@esri/calcite-components: v3.0.0
3.0.0 (2025-02-08)
� BREAKING CHANGES
- list, list-item, list-item-group, filter: The spacing changes affect content in the
actions-start
slot in addition to other rendered elements. Some styling updates may need to be applied to slotted actions or other adjustments based on the new scales. - tokens: Size and Space token values have changed. Line Height tokens exported for JS and ES6 are now unitless.
- color-picker: The default width and height of the
color-picker
have been updated. Developers should review and adjust their layouts to accommodate these changes. - list: Choose a
displayMode
of "nested" or "flat" according to space and nesting requirements. - chip: The
label
property is now required andvalue
is optional. - radio-button: Removes the deprecated property
guid
fromcalcite-radio-button
. - progress: Refactors
progress
to use the value range of 0-100. Developers will need to provide a function to map existing values or use the updated range. - shell-panel: Removes the following deprecated properties from
calcite-shell-panel
:detachedHeightScale
,detached
and the--calcite-shell-panel-detached-max-height
CSS property. - color-picker: Removes the following deprecated properties from
calcite-color-picker
:hideChannels
,hideHex
andhideSaved
. - action-group: Removes the deprecated
layout
property by converting it to an internal property. - table: Removes the deprecated property
zebra
fromcalcite-table
. - checkbox: Removes the deprecated
guid
property fromcalcite-checkbox
. - combobox, dropdown, input-date-picker, input-time-picker, split-button: Components will no longer close automatically when disabled. Developers relying on this behavior will also need to update the
open
property as well. - combobox, list: Filtering will no longer include item values by default. If value-filtering is desired, developers will need to configure items'
metadata
property. - modal: This should not require changes, but we are including this in the breaking change release due to the different modal configurations that could be impacted by the default
position
change. - input-time-zone: Developers using
messageOverrides
will need to make sure they do not reference removed entries. - block: The component's
label
property is a required property andheading
is an optional property. - list: The component's
label
property is required to provide context between lists when dragging. - Components remain directly consumable, with no wrapper needed.
- floating-ui elements no longer take up space when closed (#10241)
- list: Modifies the component's keyboard sorting experience by using a dropdown menu to move list items. The ListItem
dragSelected
property andcalciteListItemDragHandleChange
event have been removed due to no longer being relevant. - flow, flow-item: The new
selected
property oncalcite-flow-item
must be used to define whichcalcite-flow-item
is shown. - pick-list, pick-list-group, pick-list-item, value-list, value-list-group, value-list-item: Use the
List
component instead. - action-bar, action-pad: When slotting actions within the component you must now set
textEnabled
on them if necessary.
Features
- accordion-item: Custom header and content spacing tokens (#10721) (fafd4d3)
- accordion-item: Stretch slotted actions to fill its height (#9250) (bf9c64f)
- accordion-item: Update token naming schema (#11070) (386355b)
- Add default focus color token (#10512) (92a2be0)
- autocomplete: Add autocomplete component (#10562) (cdacddd)
- autocomplete: Add scrollContentTo method and automatically scroll when navigating items via keyboard (#11153) (848bacd)
- autocomplete: Highlight text matching the inputValue (#11155) (5736082)
- block-group, block: Add block-group component (#11319) (3f77c6b)
- block-section: Add component tokens (#11032) (a7a99b1)
- block: Add component tokens (#11014) (5514944)
- block: Add required label property and mark heading as optional (#10739) (fcdfff0)
- button: Add component tokens (#10358) (7fb506f)
- chip: Add
closeOnDelete
prop (#10877) (0fab4a5) - color-picker: Enable responsive layout (#10904) (289a431)
- color-picker: Update color field dimensions (#10903) (d951531)
- combobox-item, combobox-item-group: Update padding indentation for nested groups & items (#10847) (c6ef5e3)
- combobox-item: Add support for
content-start
slot (#11250) (82b96fa) - combobox-item: Update selection state according to spec (#10945) (d834ed7)
- combobox, input-time-zone: Highlight text matches consistently (#11193) (d94f099)
- combobox: Add
filterProps
(#11180) (8c04175) - date-picker: Add component tokens (#11380) (85125dd)
- Deprecate widthScale/heightScale in favor of width/height (#10786) (4c62b68)
- dialog, modal, popover, input-date-picker, input-time-picker, sheet: Support stacked component sequential closing with escape (#9231) (c0c5a1c)
- dialog, modal, popover, sheet: Add options prop to customize focus-trap (#11453) (9c2c677)
- dialog: Add 'custom-content' slot (#11072) (35897db)
- dialog: Add focusTrapDisabled property for non-modal dialogs (#11362) (44f486c)
- filter: Add label property (#11001) (942ad17)
- flow, flow-item: Add component tokens (#11365) ([a69460f](htt...