CHANGELOG.md

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

3.1.0 (2025-03-26)

Features

• accordion: Add new component tokens and deprecate old tokens (#11390) (fdf3e61)
• action: Enhance component's interactivity states (#11478) (aad98df)
• block, block-section: Add expanded property and deprecate open property (#11582) (999f532)
• button: Enhance component's interactivity states (#11590) (23a62ca)
• chip: Deprecate pressed in favor of press (#11389) (c905f9f)
• chip: Enhance component's interactivity states (#11538) (8db5697)
• combobox-item: Add component tokens (#11645) (9cbd155)
• combobox-item: Update idle icons (#11801) (034f430)
• combobox-item: Update interactive state (#11647) (19d7c43)
• combobox-item: Update selection icons (#11726) (723fd22)
• combobox, combobox-item-group: Add component tokens (#11623) (8215314)
• dropdown, dropdown-item, dropdown-group: Add component tokens (#11465) (85f9378)
• dropdown: Add offsetDistance and offsetSkidding properties (#11614) (3381040)
• fab: Add component tokens (#11723) (d436514)
• flow-item: Expose FlowItemLike type (#11791) (28c7522)
• list-item, list: Add expanded property and deprecate open property (#11003) (c80c44c)
• rating: Enhance component's interactivity states (#11469) (11d83f6)
• segmented-control-item: Enhance component's interactivity states (#11477) (f025330)
• split-button: Make downloadable and linkable (#11520) (fb3e1dc)
• tab-title: Enhance component's interactivity states (#11493) (88a5260)

Bug Fixes

• card-group: Restore default gap spacing (#11638) (a554598)
• dropdown-group: Fix error caused by early removal (#11612) (2dcef25)
• panel: Apply custom styles correctly to header actions (#11495) (5e84892)
• Set floating-ui elements max size set to the view (#11577) (b3ffd7f)
• tabs: Redisplay close button when more than one tab is closable (#11492) (ae8064e)
• text-area: Fix error caused by internal measuring on disconnect (#11751) (810f79e)
• tooltip: Close tooltip when hovering out of an iframe (#11600) (93a5692)
• tooltip: Do not open after the pointer has moved off of the reference element (#11599) (33cadc8)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-ui-icons bumped from 4.1.0-next.3 to 4.1.0
  • devDependencies
    • @esri/calcite-design-tokens bumped from 3.0.1-next.4 to 3.0.1
    • @esri/eslint-plugin-calcite-components bumped from 2.0.1-next.2 to 2.0.1

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 and value is optional.
• radio-button: Removes the deprecated property guid from calcite-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 and hideSaved.
• action-group: Removes the deprecated layout property by converting it to an internal property.
• table: Removes the deprecated property zebra from calcite-table.
• checkbox: Removes the deprecated guid property from calcite-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 and heading is an optional property.
• list: The component's label property is required to provide context between lists when dragging.
• For a consistent development experience, components now convert null to undefined, so developers will need to update code with strict null checks
• 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 and calciteListItemDragHandleChange event have been removed due to no longer being relevant.
• flow, flow-item: The new selected property on calcite-flow-item must be used to define which calcite-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)
• flow, flow-item: Avoids removing flow-items from the DOM and adds selected property (#9390) (96648f5)
• graph: Add component tokens (#11355) (0a54e2f)
• icon: Add preload property (#10926) (49f9e3d)
• inline-editable: Add component tokens (#11357) (e37f8ae)
• input-date-picker, date-picker: Improve date picking experience (#8402) (d03bfa6)
• input-time-picker: Add hour-format property (#10997) (7468887)
• input,input-text,text-area: Support spellcheck property (#10489) (83912f3)
• input: Add component tokens (#10820) (ee926db)
• input: Improve display of resize handle for type textarea (#10866) (94072e6)
• label: Add component tokens (#10688) (f998840)
• link: Add component tokens (#10689) (9985b51)
• list-item: Add iconStart, iconEnd and iconFlipRtl props (#11004) (a639c78)
• list-item: Extend bottom border to include actions-start slot (#11116) (7a5764a)
• list-item: Update single-select icons (#10858) (feb1af6)
• list, list-item, list-item-group, filter: Add scales, update padding and spacing, update font sizes (#10853) (17b51f3)
• list, list-item, list-item-group: Add component tokens (#10669) (997b7da)
• list, list-item: Add non-interactive option to remove hover/pointer changes. (#10473) (cb4a464)
• list: Add displayMode property to choose between flat and nested lists (#10852) (41283df)
• list: Add filterLabel property (#11002) (1c2811d)
• list: Add filterPredicate property to handle custom filtering (#11044) (57a68b9)
• list: Require label for context when dragging between lists (#10702) (4696d76)
• list: Support moving between different lists via keyboard (#10480) (ed2c91d)
• loader: Add component tokens (#10979) (2b4c0bf)
• loader: Update loader to adhere to the latest spec (#10851) (76d34bf)
• menu-item: Add component tokens (#10654) (7178050)
• menu-item: Enhance component's interactive states (#10933) (01d7bbf)
• navigation-logo: Add component tokens (#10582) (a0b84e1)
• navigation-logo: Enable interactive states only when href is specified (#11202) (5ac17ef)
• navigation-user: Add component tokens (#10608) (6cdb98e)
• navigation: Add component tokens (#10644) (729e487)
• notice: Add component tokens (#11042) (2fb8715)
• pagination: Add component tokens (#11157) (f5354cd)
• pagination: Enhance component's interactive states (#10485) (739ca76)
• pagination: Remove gap at start and end of component. (#10523) (021a8f2)
• panel: Add component tokens (#10822) (dfbe3cd)
• panel: Control panel header action tokens (#11300) (f9f6abd)
• rating, slider: Add validation message to support form error handling (#10621) (b632449)
• rating: Add component tokens (#11150) (f23a319)
• segmented-control, segmented-control-item: Add component tokens (#11359) (91fcb70)
• select: Add component tokens (#11178) (262cf84)
• sheet: Add resizable property (#10521) (e599ae0)
• slider: Add component tokens (#10716) (ce740a7)
• stepper-item: Update component's active state background color (#10487) (4e0afa4)
• stepper-item: Update component's active state background color. (#10475) (b5eac59)
• switch: Add component tokens (#10647) (b339e26)
• tab-title: Add icon start/end custom CSS prop (#10871) (cb556cc)
• text-area: Add limitText prop to prevent input beyond max-length (#11440) (2cfc1c9)
• tile: Add design tokens (#10476) (11c7f1f)
• time-picker: Expose calciteTimePickerChange event (#11214) (6ebaed9)
• tooltip: Add component tokens (#10687) (3bf79eb)
• tree,tree-item: Update indentation (#10990) (3406ea6)

Bug Fixes

• accordion-item: Fix rendering tied to named-slot content (#10447) (1a7ee66)
• accordion-item: Split header content padding (#10865) (03b2372)
• accordion-item: Stretch slotted actions only (#11082) (be90d1a)
• action-bar, action-pad: Do not modify text-enabled on slotted actions unless expanded is toggled (#9554) (6768696)
• action-group, input, menu: Fix setFocus issues in Chrome 128+ (#10676) (954a71d)
• action-menu: Fix toggle logic when action-menu is reconnected (#11139) (064d783)
• action: Active styles present with transparent appearance (#10988) (cab16f0)
• action: Component in transparent active mode should use -hover (#11075) (6d46017)
• action: Create localized template for aria-label (#10969) (cd53fd0)
• action: Disabled styles (#10987) (9d6572b)
• action: Reflect the icon property (#11282) (8b986d7)
• alert: Add public --calcite-alert-offset-size css token (#10872) (4085025)
• Allow custom Calcite CSS properties in style object type (#11051) (6148cf1)
• autocomplete: Allow hiding icon (#11239) (3f854e7)
• autocomplete: Fix item key functionality (#11191) (36c138a)
• autocomplete: Handle focusing when item is clicked and reset inputValue on form reset (#11099) (bc3e88f)
• autocomplete: Ignore disabled items when navigating via keyboard (#11242) (4230e28)
• block: Fix rendering tied to named-slot content (#10449) (deab4fe)
• block: Label property should not be required (#10833) (60058f4)
• Bundle-in non-ESM dependencies (#10766) (9994dc0)
• button, dialog, dropdown, notice, select, sheet, shell-panel, split-button: Fix width types (#10937) (2a4e4e4)
• carousel: Ensure correct autoplay display and animation (#11338) (21fe6c3)
• carousel: Improve Carousel navigation display (#11439) (20a3ea8)
• checkbox: Ensure that border shows in high contrast mode (#10823) (6f270cf)
• chip: Fix inverse close color (#11363) (3c25b44)
• chip: Provide label context to assistive technologies (#10888) (2e57ab2)
• color-picker: Ensure shorthand hex is expanded regardless of alpha channel presence (#11188) (9839ef0)
• color-picker: Fix error caused by initial value with a different format (#11351) (2cf9d2b)
• combobox-item-group: Cascade scale from combobox (#10908) (2ef562e)
• combobox-item: Fix icon color css override (#10874) (a712f17)
• combobox-item: Fix rendering tied to named-slot content (#10450) (b10dfc4)
• combobox-item: Replace type-enforced deprecated + required textLabel prop with runtime warning (#10855) (3faad7d)
• combobox, dropdown: Honor max-items when it matches total items (#10971) (ba8cfb4)
• combobox, input-time-zone: Fix initial item selection delay (#11326) (61f8c70)
• combobox, list: Stop filtering on value by default (#10791) (0e87519)
• combobox, stepper, table: Respect user hidden attribute (#10983) (531663e)
• combobox: Ensure disabled items get proper scale (#11400) (1df2476)
• combobox: Fix accessibility when an item's heading or label changes (#11289) (d4c842c)
• combobox: Fix sporadic change event emitted on initialization (#10952) (242fc49)
• combobox: Improve prop update times (#11383) (218c576)
• combobox: Include groups in filtering (#10511) (15cde1b)
• combobox: Update internal state after custom value is added (#11405) (f6d6052)
• combobox: Use heading as fallback for UI labels (#10879) (aa4b5cc)
• combobx: Display selected item when initally opened (#11427) (ccffc03)
• date-picker: Fix year-select width logic (#11071) (3f6ccc0)
• date-picker: No longer disable min/max value month in select menu (#11350) (42492b5)
• date-picker: Remove outline for header actions (#11369) (dcd22f6)
• dialog, modal, popover, sheet: Restore deactivating focus traps on outside click (#11058) (e0352b8)
• dialog, modal, popover: Add type to focusTrapOptions prop (#11481) (acb0f4d)
• dialog, panel: Prevent beforeClose from being invoked during initialization (#11038) (18ddcbe)
• dialog, panel: Restore relative positioning in content area (#10749) (0e02adc)
• dialog: Fix error when initially opened (#10868) (5f266a3)
• dialog: No longer modifies slotted panels background color (#11052) (0df6201)
• dialog: No longer modify slotted panels background color (#11074) (b72e050)
• dialog: Toggle focus-trap on DOM connect and disconnect (#11429) (58bebb7)
• dialog: Update content background color to match modal (#10856) (f63fd4a)
• docs: Add docs package export (#11221) (56cd26d)
• docs: Use updated translation bundle paths to generate translations.json (#11219) (6b676e4)
• dropdown-item: Keep focus ring when selected dropdown item is hovered (#10951) (a6bd8fa)
• dropdown: Avoid showing scroller when max-items equals items (#11480) (dc8f1d0)
• filter: Remove unnecessary inline margin from internal label element (#10963) (38b6470)
• Fix core transitions across components (#10836) (7451e6d)
• Fix open/close event emitting of initially open components (#11306) (06dd8f7)
• Floating ui elements set max-content for inline-size (#11095) (45dec17)
• Floating-ui elements no longer take up space when closed (#10241) (04524bb)
• flow-item: Fix TS error caused by FlowItemLike type (#10802) (2195f42)
• flow: Process items on loaded (#11364) (f208514)
• flow: Set focus on the selected flow item (#11127) (7709f2a)
• form: Add ariaHidden property to the hidden form input (#11418) (f88d4ce)
• inline-editable: Add tooltips for controls (#10538) (d30bafb)
• inline-editable: Fix cancel workflow (#11046) (2b1cf65)
• inline-editable: Fix rendering tied to default slot content (#10456) (50ede48)
• input-date-picker, input-time-picker, modal, sheet: Closes on escape when focusTrap is disabled (#10578) (0cd3e1f)
• input-date-picker, modal, tile-select: Avoid using refs that have been nulled (#11090) (a8d6141)
• input-date-picker: Remove hardcoded strings (#10741) (04a5310)
• input-time-picker: Retain focus inside the input when clicked (#10729) (34ffd20)
• input-time-zone: Add workaround for Factory time zone error in Chrome (#10964) (7de454f)
• input-time-zone: Ensure name-mode displays IANA time zone identifiers (#10923) (0923504)
• input-time-zone: Keep selection in sync when item-related props are set along with value (#11166) (6100abd)
• input-time-zone: Remove debugging log messages (#11106) (71471fd)
• input, input-number, input-text: Should not set slotted actions to be disabled (#10458) (6ed32c6)
• input, input-text, input-number: Restore handling of autofocus global attribute (#11118) (57b9aac)
• input: Avoid styling on non-reflected attributes (#11089) (8cfe146)
• input: Correctly apply placeholder styles (#11107) (fb38f87)
• input: Fix broken selector (#10973) (94e7f80)
• input: Fix clipping for type=file with Japanese locale (#11205) (0b099bd)
• input: Update files property on input event when type="file" (#11262) (42cce75)
• link: Fix underline animation (#10835) (345c318)
• list-item: Correct spacing errors in medium and large scales (#10962) (adb3203)
• list-item: Ensure consistent focus border color by referencing updated tokens (#11130) (00c5031)
• list-item: Fix selection indicator placement in RTL (#11288) (2239ee8)
• list-item: Improve drag handle spacing (#11156) (7bfe22a)
• list-item: Reflect the sortHandleOpen property (#11323) (62bfc88)
• list, list-item: Ensure change and select events are emitted after state is updated (#11079) (8b6bde0)
• list, sort-handle: Disable sort-handle when no move to items are present and item count is one (#11073) (b288f68)
• list: Don't require filterEnabled for filterPredicate usage (#11109) (4f4d79b)
• list: Drag event properties newIndex and oldIndex should only reflect list item indexes (#11402) (5915ff5)
• list: Fix issue where last call to debounced update filter logic would override args from previous calls (#11064) (ba38a7e)
• list: Include groups in filtering (#10664) (4fba1c8)
• list: Only focus on row when clicking a list item (#11310) (c4d3689)
• list: Update child list components when scale property changes (#10935) (7f71157)
• meter: Add fill style for high-contrast mode (#11392) (4e1ed10)
• modal: Fix issue caused by early opening logic calls (#11498) (8a43e73)
• modal: Fix rendering tied to named-slot content (#10469) (879779b)
• modal: Use fixed positioning on host to prevent Safari from clipping content in certain layouts (#9545) (cda8331)
• notice: Fix rendering tied to named-slot content (#10453) (90b4e55)
• panel: Add correct heading and description line height and alignment (#10944) (6a74411)
• popover, tooltip: Change display to contents (#11384) (7d974de)
• popover, tooltip: Drop relative-positioning to reduce risk of clipping (#11373) (e834d10)
• popover, tooltip: Skip ref setup logic on component removal (#11132) (88416b8)
• Popover: Popover reopens when trigger is clicked and autoClose = true (#10842) (9b309e7)
• Prevent transpilation issues by using this to reference static props (#11088) (e70fae5)
• progress: Convert value range to 0-100 (#10622) (a5f6767)
• segmented-control: Ensure change event emits after item update (#10818) (4133b6d)
• sheet: Fix rounded corners when displayMode="float" (#11086) (ada2a22)
• sheet: Remove some margin (#11103) (2d4cf91)
• shell-center-row: Ensure deprecation warning doesn’t show when using standalone shell or shell-panel (#10561) (0655f8f)
• shell-center-row: Fix rendering tied to named-slot content (#10451) (ba0b99a)
• shell-panel: Fix visual issues in displayMode="float-all" (#11410) (85af56d)
• slider: Avoid breaking thumb label on edges (#10922) (0d3fee0)
• sort-handle: Adjust icon color (#10663) (f09c62f)
• sort-handle: Fix dragging in Firefox (#11279) (64a92f0)
• sort-handle: Pass scale to handle action (#10942) (590cdbd)
• stepper-item: Keep initial focus on newly selected item (#11482) (430fbab)
• t9n: Make TypeScript inline .json type imports (#10804) (19822fd)
• table, table-row: Improve programmatic Table Row selection behavior (#11237) (69c6dab)
• table: Fix bordered styling in Firefox (#11466) (eaf21f3)
• text-area: Make readOnly prop writable (#11218) (cef861e)
• tile-group: Keep selection icon size consistent for large tiles (#11215) (0f5d196)
• tile: Allow percentage inline-size on slotted content to be based on host (#11283) (9b08055)
• tile: Wrap overflowing text content (#11213) (3640f19)
• time-picker: Display correct localized hour based on hour-format when no value is set (#11200) (5172e8e)
• tip: Fix rendering tied to named-slot content (#10470) (9a11aeb)
• tokens: Correct space and size tokens (#10727) (13c2df8)
• tooltip, popover: Honor prevented events (#11278) (28904e2)
• tooltip: Fix closeOnClick property in Safari (#10737) (2967622)
• tree, tree-item: Fix rendering tied to named-slot content (#10462) (80128f1)
• tree: Ensures lines length is accurate (#11036) (d27385c)
• tree: Fix has-children logic (#11347) (971b3b9)
• tree: Render lines correctly in RTL direction (#11346) (346a5cd)
• Use explicit module imports for dayjs (#11030) (03e02e5)
• Use inert on host elements instead of aria-hidden when host element is hidden (#11056) (e1014f4)
• utils/dom: Fix getModeName function to support auto mode (#10683) (98fe7f8)

Performance Improvements

• combobox: Fix initialization performance regression (#11265) (8d6d848)

Deprecations

• action: Deprecate tokens (#10986) (b2df2c9)
• dialog: Deprecate the content slot (35897db)
• notice: Deprecate --calcite-notice-width token (#11212) (fe711cd)

Code Refactoring

• action-group: Remove deprecated layout property (#10792) (77c16ef)
• checkbox: Remove deprecated guid property (#10797) (f4c395d)
• chip: Make label property required and value optional (#10787) (f95d23e)
• color-picker: Remove deprecated properties (#10790) (00e8ede)
• combobox, dropdown, input-date-picker, input-time-picker, split-button: Avoid modifying open based on disabled prop (#10793) (953740d)
• Drop Angular wrapper (#10675) (f663794)
• input-time-zone: Drop obsolete time zone translations (#10747) (f70041b)
• Migrate to Lumina (#10482) (9bffc3f)
• pick-list, pick-list-group, pick-list-item, value-list, value-list-group, value-list-item: Remove deprecated components. (#10653) (ddfdeeb)
• radio-button: Remove deprecated guid property (#10799) (4a3f199)
• shell-panel: Remove deprecated properties (#10794) (fd73980)
• table: Remove deprecated zebra property (#10795) (ef1e219)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-ui-icons bumped from 4.0.0-next.13 to 4.0.0
  • devDependencies
    • @esri/calcite-design-tokens bumped from 3.0.0-next.7 to 3.0.0
    • @esri/eslint-plugin-calcite-components bumped from 2.0.0-next.7 to 2.0.0

2.13.2 (2024-10-23)

Bug Fixes

• shell-center-row: Ensure deprecation warning doesn’t show when using standalone shell or shell-panel (#10561) (09d74ae)

2.13.1 (2024-10-11)

Bug Fixes

• chip: Fix close icon color inconsistency (#10493) (80b75c2)
• combobox: Restores filterText when filtered items are empty (#10498) (6667c2a)
• dialog: No longer apply transform styling unless dragEnabled or resizable (#10503) (e93fdbc)
• notice: Ensure closed notice does not affect layout (#10518) (655bbb7)
• fix(panel): Revert relative positioning on content (#10496) (239f4da)

2.13.0 (2024-09-30)

Features

• accordion-item: Update component tokens (ca932b5)
• action-group, block, panel: Add menuPlacement and menuFlipPlacements properties (#10249) (5ba3112)
• alert: Add component tokens (#10218) (550427b)
• alert: Apply --calcite-alert-corner-radius to internal close button (#10388) (f50c170)
• avatar: Add component tokens (#10280) (f8f881b)
• carousel: Improve support for high item counts (#10315) (6ad2612)
• checkbox: Add component tokens (#10221) (1d87dcf)
• chip: Add component tokens (#10179) (ff82570)
• dialog, panel: Add css properties for background-color (#10387) (d725293)
• handle: Add component tokens (#10262) (5e73b44)
• input, input-number, input-text: Add prefix and suffix width css tokens (#10206) (7a6ee82)
• list-item: Add unavailable property (#10377) (9332733)
• panel: Improve panel header layout (#10446) (12f1476)
• popover, action: Add component tokens (#10253) (80e8112)
• popover: Apply component tokens to arrow (#10386) (2d19268)
• progress: Add component tokens (#10267) (8c1259f)
• text-area: Add component tokens (#10343) (d2504b7)

Bug Fixes

• action-pad: Fix horizontal action group alignment (#10359) (7b03745)
• action-pad: Update layout on action-group elements slotted after initialization (#10355) (cf139fa)
• action: Prefer disabled in favor of aria-disabled (#10367) (1895c07)
• card: Properly handle slotted elements (#10378) (99a7148)
• combobox: Correctly select an item with selection-mode=‘single-persist’ when items have the same values (5401ea6)
• dialog: Only prevent default on escape key when escapeDisabled is true (#10336) (0083630)
• dropdown: Open dropdown on ArrowDown & ArrowUp keys (#10264) (98548e4)
• input-time-zone: Fix region mode labeling and value mapping (#10345) (cf36299)
• input-time-zone: Fix region mode quirks after update (#10413) (c137d1f)
• list, filter: Fix sync between list items and filtered data (#10342) (9a66601)
• panel: Initially closed panel should be hidden (#10308) (46de96b)
• popover: Update focus trap elements on mutation observer (#10357) (725254a)
• Properly set aria attributes on components (#10404) (864f3e3)
• Remove aria-disabled from components where necessary (#10374) (4f8c16c)
• segmented-control: Honor appearance, layout and scale when items are added after initialization (#10368) (98177f0)
• shell: Fix z-index of slotted popover elements (#10325) (7fe1601)
• text-area: Ensure border-color token doesn't override invalid styles (#10390) (699e166)
• tooltip: Closed tooltips should not reappear (#10420) (a2f3925)

Deprecations

• checkbox, radio-button: Deprecate 'guid' properties (#10445) (9729ccf)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-ui-icons bumped from 3.32.0-next.5 to 3.32.0
  • devDependencies
    • @esri/eslint-plugin-calcite-components bumped from 1.2.1-next.4 to 1.2.1

2.12.2 (2024-09-09)

Bug Fixes

• input-time-zone: Ensure beforeOpen/open and beforeClose/close events emit properly (#10228) (71423cb)
• panel, flow-item: Hide focus-outline when scrolling via mouse to align with browsers (#10242) (7a8cb72)
• shell: Fix z-index of shell-panels (#10224) (36d51b6)

2.12.1 (2024-09-04)

Bug Fixes

• loader: Restore animation (#10184) (52081ca)
• panel: Tweak focusable content area (#10141) (fa18b70)

2.12.0 (2024-08-28)

Features

• accordion, accordion-item: Add component tokens (#9861) (48f7f08)
• action, action-bar, action-group, action-menu, action-pad: Add component tokens (#10058) (de96c24)
• alert: Add 'queue' property to prioritize the ordering of alerts when opened (#10029) (3aa47a4)
• combobox-item: Add heading property (deprecates textLabel) and add label property (#9987) (90920a0)
• dialog: Add CSS variables to offset the position (#9904) (660f0c5)
• dialog: Add escapeDisabled property (#10081) (1ca8fba)
• dialog: Add outsideCloseDisabled property (#9978) (f1d89b9)
• dialog: Add resizable and dragEnabled properties (#9804) (e3e499e)
• icon: Add component tokens (#10062) (34d5689)
• input-time-zone: Display selected time zone country in region mode selection (#9988) (1575729)
• loader: Add determinate-value type (#9957) (7f21726)
• panel: Add '--calcite-panel-content-space' style (#10117) (0e3ebcb)
• table: Update multiple selection iconography (#10125) (f2b2016)
• tooltip: Allow focusing and clicking on interactive elements within a tooltip (#9914) (a3c144c)

Bug Fixes

• accordion-item: Align focus styles across browsers (#9944) (2e29b42)
• alert: Properly form a queue of alerts (#10032) (b24d6ac)
• color-picker: Prevent text selection when using color sliders/field (#10043) (ab33e4d)
• combobox, input-date-picker, input-number, input-text, input-time-picker, input, radio-button-group, segmented-control, select, text-area: Use toAriaBoolean in aria-invalid attribute to provide valid AT error messaging (#10079) (78bc096)
• combobox: Update placeholder-icon color (#9956) (d916ca4)
• dialog, flow-item: Slotted closable panels should not close the component (#10130) (ce2513d)
• dialog: Allow shell to be slotted inside (#10118) (ea3a6de)
• dialog: Fix escapeDisabled when the escape key is pressed on the panel (#10097) (9a5f1f1)
• Ensure beforeOpen/open and beforeClose/close events emit properly (#9958) (7e2764f)
• filter: Fix setFocus method (#10149) (f4a959a)
• input-date-picker: Fix selection for the "bs" and "it-CH" locales (#9976) (368d9e2)
• input-date-picker: Prevent console error when using a lang (#10162) (e7bf604)
• input-time-zone: Translate region names (#9940) (f975adb)
• input, combobox, input-date-picker, input-number, input-text, input-time-picker, radio-button-group, segmented-control, select, text-area: Provide clear field error messaging for AT (#9880) (46ad7d2)
• input, input-number, input-text: No longer set focus when a validation message is clicked (#10008) (529bb5a)
• label: Prevent focusing and toggling elements slotted within a label when a text selection occurs (#9990) (49d6ae1)
• list-item: Prevent scrolling when item is focused. (#9948) (eab1e06)
• panel: Define heading and description line height (#10085) (5478eb9)
• slider: Prevent text selection when using the slider (#10073) (04bf325)
• slider: Resolve step & snap floating point precision (#10148) (613bc47)
• stepper-item: Update component to take full width when parent's layout is "vertical" (#10009) (03a5a30)
• tree,tree-item: Replace checkbox with div and a11y attributes (#9849) (b1ac951)

Performance Improvements

• input-time-zone: Improve memory footprint by leveraging browser cache and releasing utils after their use (#9945) (a3d2141)

Reverts

• "build(deps): remove unused cheerio package (#10049)" (#10057) (d271ab1)
• Add stories (#10131) (e3a6590)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-ui-icons bumped from 3.31.0-next.4 to 3.31.0

2.11.1 (2024-08-02)

Bug Fixes

• block: Display correct header spacing when heading or description are present (#9924) (d8f1077)
• panel, flow-item: Fix header padding regression (#9936) (90e9368)

2.11.0 (2024-07-31)

Features

• chip: Enhance multi-select group affordance (#9286) (fd150e1)
• color-picker, color-picker-hex-input: Add input auto commit, blur and auto select enhancements. (#9701) (b2be625)
• combobox-item: Apply heading color according to updated spec (#9883) (9f642ff)
• combobox, combobox-item: Add description, shortHeading props and content-end slot (#9771) (78eb555)
• combobox, combobox-item: Add metadata support for filtering (#9819) (5de7787)
• combobox: Append custom values to top of dropdown (#9817) (bd55097)
• dialog: Add padding to default slot (#9871) (9d89d1d)
• dialog: Adds new dialog component and deprecates the modal component (#9751) (0111c23)
• icon: Type icon names (#9650) (7513f3a)
• panel, flow-item: Add alerts slot (#9778) (8b9b820)
• panel, flow-item: Add beforeClose property (#9770) (aefd3cb)
• panel, flow-item: Add scale property (#9730) (27c597e)
• Provide info message on stamped version instead of warning (#9739) (b25cb7b)
• shell-panel: Deprecate float displayMode and add float-content and float-all (#9795) (bf93728)
• tooltip: Support touch events (#9487) (633706b)

Bug Fixes

• block-section: Apply missing CSS class to start/end icon (#9688) (2169ed2)
• block: Remove top padding when no heading is defined (#9782) (704f5df)
• carousel: Prevent duplicate animation when navigating via keyboard (#9848) (cfdbd44)
• combobox-item: Tweak center content font-weight and spacing (#9818) (a67c4af)
• deps: Move @types/sortablejs as a dependency so the public types resolve properly (#9786) (3d47c52)
• dialog: Fix menu positioning when when overlayPositioning is 'fixed' and menuOpen is true (#9891) (4390177)
• Fix issue in Firefox where disabled elements were incorrectly enabled when a sibling was enabled (#9710) (cd4d52c)
• flow-item: Set closed property to true when internal panel is closed (#9715) (f7d2a4f)
• Improve browser check to resolve SSR errors (#9897) (bdb225b)
• input-date-picker: Ensure initial value is in range (#9894) (7d05134)
• input-number: Restore decimal input mode default (#9741) (1165dca)
• panel, flow-item: Fix footer-padding CSS prop regression (#9757) (f935790)
• panel, flow-item: Prevent footer slots from conflicting with each other (#9856) (cffaff8)
• panel: Correct footer padding and layout (#9868) (1e02ece)
• radio-button-group: Remove blank clickable space outside of label (#9793) (4cc24a0)
• segmented-control: Make check state update correctly (#9733) (602c922)
• shell: Fix resizing a slotted shell-panel when clicking to resize (#9846) (326001c)
• shell: Update shell to correctly position calcite shell panel at shell's bottom (#9748) (5959db7)
• tab-title: Adjust hover styling for bordered Tab Title (#9867) (a77cd27)
• tabs: Handle tab close events that remove the associated tab-title and tab elements from the DOM (#9768) (bda619c)
• tabs: Update tab title indicator display (#9666) (5f0914b)
• tile: Center align contentTop and contentBottom slots when alignment prop equals "center" (#9732) (1a8393b)
• tile: Center align slot's text when alignment is equal to center (#9773) (8611bfc)
• time-picker: Render meridiem first for korean locale (#9842) (897f924)
• tooltip: Allow focusing on a reference element and then clicking on a tooltip (#9878) (dfca2d4)
• Widen icon type to allow string (#9915) (44138b1)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-ui-icons bumped from ^3.29.1-next.0 to ^3.30.0

2.10.1 (2024-06-27)

Miscellaneous Chores

• @esri/calcite-components: Synchronize components versions

2.10.0 (2024-06-26)

Features

• action-bar, action-pad: add expandLabel and collapseLabel to messages (#9497) (12407eb), closes #5539
• action-menu, combobox, dropdown, input-date-picker, popover: allow logical placements for flipPlacements property. #8825 (#9490) (45aabaa)
• block: add icon start/end properties (deprecate icon slot and status), add actions-end slot (deprecate control), add content-start (#9535) (7117c6b), closes #4932
• color-picker-hex-input: auto apply new color after typing/pasting hex code (#9561) (8b34583), closes #7057
• color-picker: adjust thumb and color preview sizes to follow updated spec (#9523) (41dc551), closes #9412
• combobox: add filterText prop (#9654) (01d01de), closes #7212
• combobox: highlight filter matches (#9425) (0d538c8), closes #9026
• filter: adds ability to match only specific filter data properties (#9541) (137d9ae), closes #5063
• input-date-picker, input-time-picker: support form validation for min/max constraints (#9677) (38fd878), closes #8065 #9282
• input-time-zone: add offsetStyle prop (#9426) (dbc6c81), closes #8716
• list: add filterProps property to specify which properties to filter against (#9622) (a253c00), closes #9619
• panel, flow-item: add footer-start and footer-end slots (#9374) (3def3ea), closes #8981
• split-button: add placement and flipPlacements property (#9548) (bc2c2c6), closes #9542
• include version in global config (#9536) (86eefb0), closes #8848

Bug Fixes

• alert: pause auto-close alert when link focused (#9503) (fa9a829), closes #5960
• block-section: adjust text hierarchy (#9580) (801152c), closes #6905
• block-section: restore block toggling when clicking on the header switch (#9472) (519a11c), closes #9454 #9194
• block: add accessible label for slotted controls (#9502) (a9054d5), closes #8037
• carousel: Prevent unexpected keyboard autoplay activation (#9621) (f674964), closes #9620
• combobox, dropdown, input-date-picker, popover, tooltip: fix initialization logic in components output target (#9470) (087bc92), closes #9468
• combobox: allow arrow selection of entered text (#9629) (df5e654), closes #9614
• combobox: fix navigating initially when multiple items are selected (#9613) (5d9509b), closes #6776
• combobox: no longer hides input when a selected item chip is focused (#9625) (24c45b3), closes #6750
• combobox: only open when text exists and filtered items are present (#9618) (9a7f443), closes #9617
• combobox: open the component when typing within it (#9543) (ab09c71), closes #9401
• flow-item: fix inverted footer start/end slots (#9681) (69cd6a5), closes #8981
• input-date-picker, date-picker: ensure day selection doesn't activate the previous day in certain scenarios (#9424) (ab77212), closes #9422
• input-date-picker, input-time-picker: focus input element on setFocus (#9584) (c7b8a68)
• list-item: Improve focus outline appearance (#9653) (b3d2cb2), closes #7538
• list-item: hide nested list items by default (#9474) (fb06ef9), closes #9400
• list-item: improve list item outline (#9675) (b8c2fff), closes #7538
• list: enable dragging on list items contained within a list that supports dragEnabled (#9660) (5010ef9), closes #9662
• list: fix mobile device dragging with nested lists (#9573) (6f466aa), closes #9521
• pagination: use semantic internal elements (#9479) (b70d7d9), closes #7804
• panel: prevent menu actions from being clipped in Safari (#9488) (29eb4ce), closes #8028
• popover: correct border radius on close button (#9485) (d0fba56), closes #8208
• popover: prevent closing when component is connected to the DOM via a click (#9501) (d35bf65), closes #9504
• tile: expose selected property (#9583) (d15f667), closes #9582
• fix regression causing open/close events from emitting in proper order (#9560) (fa5b415), closes #9559

Reverts

• refactor: add simpler componentFocusable util (deprecates LoadableComponent) (#9515) (8edeb36), closes #9362

2.9.0 (2024-05-28)

Features

• accordion-item: Add setFocus (#9364) (88b793e), closes #7211
• avatar: Ensure different backgrounds are generated for similar usernames, full names and user IDs (#9277) (bab77b5), closes #6497
• block-section: Add icon property (deprecates status) (#9194) (c31bf36), closes #8110
• dropdown-item: Update spacing of icons (#9330) (c2e5a99), closes #7095
• flow-item: Add content-bottom slot (#9346) (9d3b1af), closes #8979
• flow-item: Add content-top slot (#9344) (e932f3d), closes #8980
• split-button: Make dividers consistent (#9402) (caf27e3)
• stepper, stepper-item: Add separate change events to stepper and items (deprecates calciteStepperItemChange on the parent) (#9351) (cf6a118)
• table: Add selection-display property (#9355) (7b52870), closes #9353

Bug Fixes

• block: Update text hierarchy and spacing (#9329) (796372e), closes #9323
• button: Make shadow DOM button 100% width (#9145) (dd61b7f), closes #8490
• checkbox: Fix checkbox hit area placement in RTL (#9367) (142ef18), closes #8841
• dropdown-group: Title scale with dropdown scale (#9360) (3529cdd)
• input-date-picker, date-picker: Ensure min/max can be unset (#9406) (89b0bfe)
• input-date-picker, input-time-picker, list: Ensure lang change updates messages (#9265) (0213d35), closes #9268
• list: Border items when an item is programmatically opened (#9247) (02183bb), closes #9248
• select: Fix option selection via initial value (#9272) (5206a0b), closes #4461
• switch: Prevent hover state change when disabled (#9365) (7c47808), closes #7723
• t9n: Fix error caused by disconnecting components during the setting of initial message overrides (#9368) (192c031), closes #9240
• text-area: Remove double transparency applied when disabled (#9366) (90926c2), closes #8374
• tile-group: Disallow multiple selected attributes on single selection modes (#9284) (885909e), closes #9271
• tile: Apply center alignment only to x-axis (#9288) (75df0ba), closes #9252
• tile: Fix spacing between content-top and content-bottom slots (#9241) (0b9443d), closes #4701
• tile: Slotted content renders within the border (#9359) (045ca2a), closes #9358
• tree: Allow deselection in single selectionMode (#9363) (cb6ef73)
• tree: Allow single select only and add indicator (#9405) (0d07b59)

2.8.4 (2024-05-28)

Bug Fixes

• combobox: Fix error that occurs in dist-custom-elements (components) output when a click is emitted when the component is appended to the DOM (#9423) (ab521c9)
• Defer floating-ui updating until component is connected and open (#9443) (6e09589)

2.8.3 (2024-05-21)

Bug Fixes

• combobox: Fix error that occurs when a click is emitted when the component is appended to the DOM (#9373) (34a2bbe)

2.8.2 (2024-05-15)

Bug Fixes

• input, input-number, input-text: Ensure autofocus is available on HTMLElement (#9343) (405a4b0)

2.8.1 (2024-05-14)

Bug Fixes

• Add type-fest as dependency due to build error (3819688)
• carousel: Animate items with the same direction (#9325) (6bf7b74)
• input, input-number, input-text: Restore autofocus, enter-key-mode and input-mode attributes (#9245) (#9306) (0498c6e)
• list-item: Decrease horizontal spacing between selection icon and content (#9304) (0e828b6)

2.8.0 (2024-04-30)

Features

• Add calciteInvalid event for form validation (#9211) (a504508)
• Add validity property to form components (#9210) (e49902b)
• carousel: Add Carousel and Carousel Item components (#8995) (b1ba428)
• enforce-ref-last-prop: Add fixer (#8671) (688bc51)
• Ensure all components inherit font-family (#8388) (90f8923)
• input-time-zone: Add readonly support (#9111) (153a122)
• input-time-zone: Allow clearing value (#9168) (193bb7d)
• list-item-group: Update list item group styles (#9072) (c734849)
• navigation-logo: Add heading level (#9054) (c2beba8)
• pagination: Add navigation methods (#9154) (5ca6a5f)
• slider: Add support for custom label formatting (#9179) (710d1ee)
• slider: Allow configuring fill behavior (#9170) (1b2cdbf)
• tile, tile-group: Support single, multi, single-persist, none selection modes and icon and border selection appearances (#9159) (2d77470)

Bug Fixes

• action: Maintain equal height when text is not enabled in a small scale (#9051) (407824a)
• chip-group: Improve programmatic Chip selection behavior (#9213) (b7a4c77)
• combo-box: Update the focus and hover chevron icon color (#9187) (a1317da)
• combobox, input-time-zone: Improve readOnly behavior and styling (#9222) (606d80f)
• combobox: Fix aria-role for proper voiceover support (#9039) (eebe8ca)
• combobox: Update the focused chevron icon color (#9202) (27ac02d)
• date-picker: Ensure proximitySelectionDisabled resets range on post-range-commit selection (#9171) (f466b14)
• date-picker: Restore focus on date when navigating month with arrow/page keys (#9063) (db109e0)
• Fix memory leak affecting components using conditionally-rendered slots (#9208) (28701b6)
• input-date-picker: Update the focus and hover chevron icon color (#9146) (ca895e9)
• input-time-zone: Ensure selected item is properly displayed when there are other items with the same offset (#9134) (1f94903)
• input, input-number, input-text, input-date-picker, input-time-picker, filter, menu-item: Ignore canceled events and enforce cancellations where needed (#8952) (d0fa977)
• list, list-item, list-item-group: Improve drag experience by indenting items (#9169) (88aab49)
• list, list-item: Support keyboard sorting in screen readers (#9038) (b2e1b9b)
• list: Closed list-items no longer render extra space (#9031) (3985004)
• panel: Support cancelling the esc key event to prevent closing a panel (#9032) (ecfa5f1)
• preset: Update the focus outline color (#9098) (725f47c)
• radio-button: Display validation message in parent group (#9218) (b1e869f)
• select: Update the focus and hover chevron icon color and select focus and hover background color (#9160) (b187340)
• slider: Fix fill placement and tick styling when ranged (#9204) (a84d831)
• slider: Improve snapping + step logic (#8169) (8b83042)
• slider: Rename highlightPlacement to fillPlacement (#9195) (9e5a713)
• slider: Style ticks according to the fill placement (#9196) (5eb4e10)
• stepper-item: Remove delay in highlighting item (#8996) (bcf23dd)
• tree-item: Do not select when chevron clicked (#9115) (99ad8f1)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from ^2.2.0-next.0 to ^2.2.0
    • @esri/eslint-plugin-calcite-components bumped from ^1.2.0-next.1 to ^1.2.0

2.7.1 (2024-03-29)

Bug Fixes

• tab-nav: Fix custom element creation error in components build output (#9021) (cc8eb99)

2.7.0 (2024-03-26)

Features

• button: Add download property (#8882) (fc55dde)
• color-picker: Add clearable prop and deprecate allowEmpty (#8910) (f036ac2)
• table-row: Add alignment property (#8961) (1f81fd7)
• tabs: Make component responsive (#8616) (83a2ef4)
• tile: Add content-top and content-bottom slots, deprecate content-start and content-end slots (#8984) (eb000d8)

Bug Fixes

• action-menu, combobox, dropdown, popover, tooltip: Use click instead of pointerdown for click contexts (#8943) (cd7eed9)
• card: Do not apply text color to slotted footer items (#8839) (30a2068)
• combobox: Prevent spacebar from opening the menu when focused on chip's close button (#8990) (1a20d0e)
• combobox: Prevent toggling items when combobox is closed (#8923) (c3240c5)
• dropdown: Correct positioning behavior when inside a scrollable container (#8973) (2524391)
• input-time-picker: Update toggle icon color (#8955) (ce3ac5c)
• input, input-number, input-text: Ensure values are initialized properly for dist and components output targets (#8997) (9152211)
• list, list-item: Calcite-select becomes unresponsive in a list-item if drag-disabled is true (#8957) (e408c62)
• list: Fix filter box when scrolling in Safari (#8938) (ea8ea1e)
• popover: Prevent disabled reference elements from toggling popover (#8983) (9f4b14b)
• stepper: Fix layout when switching modes dynamically to horizontal-single (#8946) (01f58bf)
• table: Prevent duplicate scrollbars in certain browsers (#8962) (8434eeb)
• tab: Style focus outline of tab content (#8804) (8f0133f)

Performance Improvements

• Update transition-default Tailwind util to only target common, animatable properties (#8797) (f4d016b)

Reverts

• Refactor(popover): update token pattern (#8889) (c43c280)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from ^2.1.2-next.2 to ^2.1.2

2.6.0 (2024-02-27)

Features

• card-group: Add Card Group component (#8749) (b012324)
• tile-group: Add Tile Group component (#8806) (4f65bdd)

Bug Fixes

• combobox: Long text truncates on single and single-persist modes (#8731) (8fc42b1)
• navigation-logo: No longer changes icon color when href is parsed (#8830) (16d456f)
• Only show validation message when status='invalid' (#8649) (7eac8d7)
• preset: Calcite—color-brand to calcite-color-brand (#8809) (ee2cf4e)
• table: Ensure border are correctly applied with complex rowSpan (#8779) (69f05d4)

2.5.1 (2024-02-16)

Bug Fixes

• Ensure ui-icons are copied from correct path (#8761) (3015a46)
• Prevent package patching on install (#8766) (fe18b1b)

2.5.0 (2024-02-15)

Features

• stepper: Add horizontal-single layout (#8742) (c34bc4f)
• table: Add interactionMode property to control focus behavior (#8686) (0cb78c0)
• table: Improve accessibility of interaction-mode: static Table (#8754) (eead1b5)
• tile: Add responsive layout features (#8691) (f4f872e)

Bug Fixes

• color-picker: Alpha-channel slider scope updates to reflect current opacity (#8700) (cd0b532)
• combobox: Avoid inline-start padding on combobox label when icon is displayed (#8672) (9eb680a)
• Don't override existing validationMessage when displaying after form submission (#8690) (3076220)
• Fix dragging items on a mobile device (#8751) (dc11612)
• Fix styling when dragging items on a mobile device (#8750) (7c01e6e)
• input, input-number, input-text, text-area: Ensure all applicable props are considered in form validation (#8655) (6de8534)
• list-item: Fix slotted list border styling. (#8712) (855f98d)
• loader: Optimize animation performance (#8714) (1ed8a01)
• preset: Add back legacy token for calcite-ui-focus-color (#8694) (1d1b933)
• Prevent interaction when component is disabled after initialization (Firefox) (#8746) (aa84182)
• stepper: No longer adds default min-width for items when layout='horizontal' (#8758) (23a7439)

Reverts

• Fix(panel, flow-item): remove overflow rule (#8711) (21226ce)

2.4.0 (2024-01-30)

Features

• Add no-dynamic-createelement rule (#8656) (c7e9444)

Bug Fixes

• chip: Prevent rendering internal icon if not necessary. (#8663) (8ca2929)
• combobox: Ensure supporting components are auto-defined (#8657) (e6d792b)
• list-item: Do not focus on item cells on focusIn (#8665) (ce9c9ae)
• tile-select: Ensure supporting components are auto-defined (#8648) (2c27f40)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/eslint-plugin-calcite-components bumped from ^1.1.0-next.0 to ^1.1.0

2.3.0 (2024-01-24)

Features

• action-bar, action-pad, block, flow-item, panel: Add overlayPositioning prop for built-in menus (#8633) (714b889)
• tab: Add --calcite-tab-content-block-padding to override built-in block-padding (#8629) (7dae525)

Bug Fixes

• action-menu: Clicking an action menu item should call click event. (#8627) (b12ef6b)
• list-item: Always show hover and pointer styling (#8622) (4a8a91a)

2.2.0 (2024-01-17)

Features

• action-menu: Close menu on blur instead of on tab key. (#8577) (ccfbd0c)
• checkbox, combobox, input-date-picker, input-time-picker, segmented-control, select: Add required property (#8517) (72a1ce4)
• handle, block, list-item: Improve drag handle tooltip to include item label (#8584) (6e643e2)
• handle: Add blurUnselectDisabled property to disable unselecting handle on blur. (#8483) (4d665cc)
• handle: Add selected property and calciteHandleChange event. (#8484) (d2e9880)
• list-item: Add dragSelected property and calciteListItemDragHandleChange event (#8524) (4db2eb7)
• list-item: Add tooltip for expanding and collapsing (#8612) (4964491)
• list: Add "filter-no-results" slot to display content when no filtered items are shown (#8569) (f1fc7f6)
• list: Introduce clearer unselected state (#8510) (f1e836c)
• radio-button-group, segmented control: Add validationMessage, validationIcon, and status properties (#8561) (d4c5efc)
• Reflect validationIcon property (#8583) (b3d38b3)
• table-header: Add style when within a selected Table Row (#8449) (13cfe75)
• tabs: Emit selection-related events when selection is modified after closing the selected tab (#8582) (b15c940)
• tile: Add visual scales (#8496) (7638ec4)
• Use input-message to display validation messages for invalid fields after form submission (#8574) (fd392fe)
• segmented-control-item: Allow displaying an icon when items are empty with a start/end icon (#9300) (9fc610d), closes #6413 /github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/src/components/segmented-control-item/segmented-control-item.e2e.ts#L38-L46

Bug Fixes

• action: Update component tokens to support transparent (#8532) (81cb5cc)
• Allow users to control tabindex on interactive components (#8166) (b15c052)
• button: Avoid needlessly overwriting title (#8491) (350a983)
• color-picker: Emit color change when nudging color channels by using the shift key (#8579) (4250598)
• combobox: Only allow deleting visible chips with the keyboard (#8603) (2d38241)
• date-picker: Prevent console error when selecting just an end date for input date picker (#8444) (c0e51c3)
• filter: Prevent console warning from displaying to end users (#8458) (0de7646)
• input-date-picker: Ensure range icon toggles open corresponding date-picker (#8554) (cfafd15)
• input-date-picker: Resolve a hard to reproduce number formatter caching issue that occurred due to the countdown delay in queued Alerts. (5f4fa3e)
• input-message: Add missing margin to scale="s", spacing CSS variable has effect (#8592) (49b0a20)
• input, input-number, input-text: Restore focus on input after browser validation error is displayed and user continues typing (#8563) (5897965)
• input, input-number: Support setting value property to Infinity (#8547) (f6ac698)
• list-item: Store last focused cell from focusing on elements within a cell. (#8494) (28f93b4)
• list, list-item, list-item-group: Honor hidden attribute on list-item and list-item-group (#8541) (3851dc6)
• list: Correct selectedItems value when list is filtered (#8481) (9de1922)
• list: Fix event detail newIndex when down arrow pressed to sort (#8462) (b3d5169)
• list: Fix keyboard arrow navigation (#8470) (57fdaa4)
• modal: Ensure focus trapping in dynamically created, subsequently opened modals (#8593) (4ec6b94)
• table: Fix double border on bordered Table Rows in table-footer (#8509) (c16ea33)
• table: Improve Table overflow behavior (#8424) (79743e1)
• text-area: Prevent infinite render loop when max-length property is defined (#8610) (f30d933)

Reverts

• Chore(modal): remove e2e tests that are covered by dedicated openClose commonTests helper (#8392) (#8471) (4bedf99)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from ^2.1.1-next.4 to ^2.1.1

2.1.0 (2023-12-19)

Features

• Add validation-message and validation-icon attributes to form components for new internal calcite-input-message (#8305) (a554cfd)
• dropdown-item: Add disabled support (#8312) (4c311c6)
• list-item: Add calciteListItemToggle event. (#8433) (1d2fa04)
• list: Add calciteListDragStart and calciteListDragEnd events for when a drag starts and ends. (#8361) (1314605)
• list: Add drag event details to calciteListDragStart and calciteListDragEnd events (#8438) (e199c08)
• Provide legacy CSS custom props for backwards compatibility (#8355) (b0f063e)

Bug Fixes

• action-menu: Filter hidden or disabled actions via keyboard. (#8336) (11c0007)
• action-menu: Fix closing action menu after a drag occurs (#8339) (dcb8548)
• action-menu: Keep internal popover open property in sync (#8387) (38dff7c)
• dropdown-item: Avoid hover/active styling when disabled (#8398) (35817dc)
• floating-ui: Improve floating element performance (#8409) (4d8cfb8)
• input-date-picker: Ensure range input toggling is consistent (#8414) (cd92586)
• input-date-picker: No longer emits redundant change event (#8341) (cd5b92b)
• input-date-picker: Respect the numberingSystem property when rendering the input (#8383) (395b538)
• list-item: Drag grid cell should be accessible via arrow keys. (#8353) (2718ab3)
• menu-item: Improve keyboard navigability when href populated (#8408) (5b44798)
• modal: Ensure document overflow styles are properly restored when multiple modals are closed/removed (#8390) (f2c6b09)
• Replace "\n" to support Windows for tokens output (#8352) (02cf5d5)
• shell-panel: Adds border at the start when slotted in panel-end (#8314) (2d1a1e2)
• shell, shell-panel: Support resizing shell panel when there is an iframe slotted in shell content (#8317) (e0f69c9)
• stepper: Emits calciteStepperItemChange event when switched to first step (#8422) (508979f)
• table-cell: Fix background css variable (#8439) (9e5c59b)
• tab: Prevent vertical scrollbar on content pane when the height of outer elements are specified (#8399) (9e6d901)
• Use Stencil watchers instead of global attributes util (#8407) (c531d81)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from ^2.1.0-next.1 to ^2.1.0

2.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• tokens: Changes to @esri/calcite-design-tokens, including the names of CSS variables used to customize component styling. See the breaking changes section of the @esri/calcite-design-tokens changelog. (#8311) (8d7cf3f), (#8299) (4050a91), (#8215) (335d010)
• button, list, pick-list, value-list: Setting loading prop to true no longer prevents interaction nor applies disabled styles. If you'd like to block interaction when loading, please set disabled along with loading. (#8292) (db3c5c7)
• dropdown: Dropdown's default display was changed from inline-flex to inline-block to make it easier to prompt truncation in trigger button text with minimal impact to layout (by setting an explicit width or setting width: 100% or display: block on the dropdown of a width-constrained parent). (#8253) (7c96e9f)
• dropdown, modal: For consistency, renames the width property to widthScale. (#8251) (ab12968), (#8252) (6b09245)
• react: Disabled includeImportCustomElements. Make sure to import components from @esri/calcite-components in addition to the React wrappers. For example, the first code snippet in #7185 is now required, or else the custom elements will not be defined in the browser. (#8248) (0948c1a)
• i18n: Reduced numbering system support to latn, arab and arabext. The following numbering systems were removed: bali, beng, deva, fullwide, gujr, guru, hanidec, khmr, knda, laoo, limb, mlym, mong, mymr, orya, tamldec, telu, thai, tibt. (#8217) (9946ac1)
• stepper-item: Removed both previousStep and nextStep message properties. These are no longer overrideable via messageOverrides. (#8234) (331aafb)
• card: Removed the deselect message property – this property was deprecated in #6657 as it is no longer being rendered. This is no longer overrideable via messageOverrides. (#8099) (1bab172)
• deps: We are treating the @stencil/core@v4 bump as a precautionary measure, particularly due to its potential impact on projects using calcite-components and Stencil. (#8108) (bcbb79f)

Features

• action-menu: Set max height of the action menu (#8275) (ca1be28)
• action-menu: Support action-groups (#8273) (c07144f)
• combobox, checkbox, input-time-zone, select, text-area: Add status property (#8304) (a44e9fe)
• handle: Add disabled property (#8283) (7aeecd5)
• list-item: Add dragDisabled property (#8285) (f091f26)
• list: Support multiple selection using the shift key (#8301) (79538be)
• Reduce global design tokens in calcite.css (#8215) (335d010)
• stepper: Enable responsive layout (#7744) (556b8bc)

Bug Fixes

• Align tokens with figma variables (#8311) (8d7cf3f)
• button, list, pick-list, value-list: Prevent loading prop from affecting interactivity (#8292) (db3c5c7)
• button: Sets aria-disabled instead of disabled on internal anchor element (#8270) (0926eb6)
• color-picker, popover, shell-panel, slider, tooltip: Register events on the window instead of the document (#8247) (2aaf592)
• combobox, dropdown, input-date-picker, popover, tooltip: Fix positioning of component when component is moved (#8296) (2b2506d)
• Dragging floating ui components (#8230) (5a81f6c)
• dropdown: Change display to inline-block to ease truncation setup (#8253) (7c96e9f)
• dropdown: Restore trigger container height (51d1ea8)
• input-time-zone: Update time zone items when item-dependent props change (#8271) (f77532e)
• input: Prevents mutating value on blur when type="number" (#8245) (58ededd)
• label: Associate label to component when for prop is set after initialization (#8309) (e81b650)
• list-item: Adds border between grouped and ungrouped list-items (#8134) (ae9b083)
• list-item: Adds border between last item in a group and slotted item (#8262) (9b5cf76)
• list-item: An item with an empty slotted list should be openable. (#8240) (d615b39)
• list-item: Focus on the first focusable element within the component when using arrow keys (#8291) (b902365)
• list-item: Reserve space for empty open lists. (#8239) (484a5aa)
• list: Add live region for dynamically changing list items (#8148) (e3c0c06)
• react: Disable includeImportCustomElements to resolve initial render issues (#8248) (0948c1a)
• stepper: Typo in CSS variable for step bar's fill (#8255) (2e643aa)

Build System

• deps: Bump Stencil to v4 (#8108) (bcbb79f)

Code Refactoring

• card: Remove deprecated deselected message (#8099) (1bab172)
• dropdown: Rename width property to widthScale (#8251) (ab12968)
• i18n: Reduce list of supported numbering systems to latn, arab, and arabext (#8217) (9946ac1)
• modal: Rename width property to widthScale (#8252) (6b09245)
• stepper-item: No longer supports previousStep and nextStep messages (#8234) (331aafb)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from 1.1.1-next.2 to 2.0.0
    • @esri/eslint-plugin-calcite-components bumped from 0.2.4-next.0 to 1.0.0

1.11.0 (2023-11-21)

Features

• combobox: Limit display of selected items with new selection-display prop (#7912) (58317ae)
• date-picker: Make component responsive (#7872) (f131218)
• input, input-date-picker, input-number, input-text, input-time-picker: Truncate value and placeholder when input is narrow (#8160) (533eff3)
• list-item: Add content-bottom slot for placing content below the label and description of the component (#8183) (7d400fb)
• list: Specify the element types in the calciteListOrderChange event detail. (#8123) (3e81d7e)
• pagination: Introduce responsive design for xxsmall breakpoint (#8150) (ab20eb0)
• stepper-item: Remove support for previousStep and nextStep in messages (#8222) (213b31d)
• stepper: Enable responsive layout (#7744) (687ca2b)

Bug Fixes

• accordion-item: Update expanded chevron color (#8087) (d3d7688)
• action: Ensure action content is correctly spaced (#8184) (b18dcc8)
• action: Update transparent action styles (#8194) (0f12489)
• block-section: Wraps long text over to a new line when toggle switch is displayed (#8101) (3f90780)
• checkbox: Make label property public (#8181) (d3b9c1f)
• combobox-item: Hide disabled item icon (#8095) (36552f3)
• input-date-picker: Fix date-picker wrapper displaying beyond its bounds (#8172) (01ec024)
• input-number: Prevents mutating value on blur (#8226) (b89a893)
• input-time-zone: Fix Indian/Christmas time zone translation (#8096) (d79d591)
• list-item, stack: Stretch action-menu and handle when placed inside a list-item or stack. (#8185) (8a16a69)
• list-item, stack: Stretch dropdown when placed inside a list-item or stack (#8204) (05e6b65)
• list-item: Adds border between grouped and ungrouped list-items (#8134) (b3c331c)
• list-item: Fix rendering of open icon. (#8207) (a6e1766)
• panel, flow-item: Remove overflow rule (#8055) (d0c3ed2)
• split-button: Fix width layout (#8133) (051f332)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/eslint-plugin-calcite-components bumped from 0.2.3-next.6 to 0.2.3

1.10.0 (2023-10-30)

Features

• block: Ensure chevron is always displayed (#8014) (95fecb2)
• navigation-logo: Adds icon and iconFlipRtl properties (#8054) (049056d)
• stepper,stepper-item: Adds support for built-in translations (#8002) (bb91624)

Bug Fixes

• button, fab, inline-editable, split-button: Prevent redundant opacity when button is both loading and disabled (#8015) (3a1d3fd)
• combobox: Clear custom input value on blur (#8070) (327ff06)
• combobox: Ensure icon scales are consistent (#8075) (babba3b)
• filter: Corrects the accessible label (#8069) (c203084)
• Floating components will now get an initial position even if they are not opened (#8001) (78b680d)
• icon: Use pixel sizes for icons (#8009) (49085d5)
• input-date-picker, input-time-picker: Adjust chevron scale accordingly (#8012) (f894f80)
• input-time-zone: Fix city translations (#8058) (7df7e1f)
• list-item: Restore tabbability when an item's disabled prop is toggled (#8042) (c970603)
• pagination: Prevents console error when page-size is set to zero (#8017) (d09d485)
• segmented-control-item: Fix text color contrast (#8036) (ede8c43)
• stepper: Selects next enabled stepper-item when first one is disabled (#8004) (e0ed54e)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from ^1.1.0-next.3 to ^1.1.0

1.9.2 (2023-10-12)

Bug Fixes

• flow-item: Update collapsed property when collapse button is clicked (#7960) (f6fd55f)
• input-time-zone: Allow searching offsets by Etc/x time zone (#7978) (2c34b42)
• input-time-zone: Fix error caused by time zone group filtering (#7971) (521673e)
• table: Improve scrollbar display (#7967) (593a1bf)

1.9.1 (2023-10-05)

Bug Fixes

• combobox: Fix issue causing value to be cleared when selecting an item (Windows + trackpad) (#7954) (557d658)
• input-time-zone: Fix handling of unknown and cityless time zones from offset display mode (#7947) (75e0302)
• panel: Fix collapse action title and reverse icon direction (#7927) (5f620f8)

1.9.0 (2023-10-03)

Features

• action-group: Add css custom properties to define gap and padding when layout is "grid" (#7763) (b9bd0de)
• action-menu: Add appearance property to configure trigger appearance (#7867) (36ceaf1)
• alert: Make component responsive (#7755) (66222b5)
• block, input-time-picker, notice: Adds open, close, beforeOpen, and beforeClose events for consistent event handling (#7494) (04ce758)
• checkbox: Add WCAG AA recommended minimum 24px square hotspot optimized for touch users (#7773) (f13e2c4)
• flow, flow-item: Allow calciteFlowItemBack event to be cancelled (#7855) (b74b4df)
• input-date-picker, input-time-picker: Add status property (#7915) (4d53346)
• input-time-zone: Add max-items support (#7705) (c698c27)
• input-time-zone: Add time zone offset and name mode (#7913) (80bd6ae)
• list: Add newIndex and oldIndex event details to calciteListOrderChange event (#7874) (0d5cc20)
• pagination: Enable responsive layout (#7722) (933a910)
• panel, flow-item: Add support for collapsing content (#7857) (855754d)

Bug Fixes

• action-bar: Improve overflowing horizontal actions. (#7877) (52f2d2a)
• action-bar: Overflow actions when overflowActionsDisabled is set to false (#7873) (3dcceb0)
• action-menu: Update active selection to not use the action's active property (#7911) (50f85f1)
• alert: Regression fix to restore calciteAlertBeforeOpen and calciteAlertOpen event emitting (#7767) (6bbae35)
• button: Provides context for AT users when used as reference element for collapsible content (#7658) (50cb3a6)
• combobox: Clears input value on blur (#7721) (e04cc4e)
• combobox: Fix filtering to avoid showing unrelated items (#7704) (b6d32f3)
• dropdown-group: Set selectionMode on slotted dropdown-item children (#7897) (aa0731a)
• dropdown: Support dispatching enter key event on dropdown trigger (#7752) (ba92463)
• select: Allow setting an option value to an empty string (#7769) (adca6ec)
• stepper: Improves AT Users experience with screen readers (#7691) (071dec7)
• tab-nav: Update indicator position when tab icon changes (#7768) (cb877b3)
• table: Fix selection display in RTL (#7907) (b4c8508)
• tree: Avoid modifying selected items for "none" selection-mode (#7904) (0bd4a12)
• tree: Fix tree keyboard selection issue (#7908) (53d6c12)
• tree: Update tree selection per design spec (#7852) (06b3594)

1.8.0 (2023-09-06)

Features

• flow: Split up custom flow item interfaces (#7666) (6c22e7c)

Bug Fixes

• action-group: Honor flex-grow on slotted actions (#7690) (0777234)
• block: Provide textual name on collapse and expansion to AT (#7652) (85bd71b)
• input-date-picker: Apply default numbering system to avoid browser inferring from locale (#7682) (3e1ed2d)
• input-time-zone: Prevent items from being deselected (#7661) (c2dd436)
• list-item: Do not call preventDefault on enter key within slotted actions (#7684) (c3261f0)
• list: Remove unnecessary z-index (#7678) (1f4cd97)
• modal: CalciteModalClose should emit on close button click (#7680) (796bf90)
• sheet: CalciteSheetClose should emit on scrim click (#7685) (6ae963e)
• sheet: Update shadow style in display-mode="float" (#7664) (851bedb)
• table: Allow wrapping text in table-header and table-cell (#7665) (15cb2bf)
• time-picker: Focus corresponding input when nudge buttons are clicked (#7650) (9c7d846)

1.7.0 (2023-09-01)

Features

• action-bar, action-pad, action-group: Add label properties for group context (#7415) (b34f36d)
• combobox: Add single-persist selection mode (#7583) (dab06a3)
• flow: Add support for custom flow-item elements (#7608) (197adfe)
• input-date-picker: Normalize year to current century for user typed values only (#7638) (a1db718)
• input-number: Add integer property (#7646) (cd66a6d)
• input-time-picker: Support fractional seconds (#7532) (c2bf34b)
• meter: Add Meter component (#7401) (47163ed)
• sheet: Add Sheet component (#7561) (f12a393)
• sheet: Update default widths (#7617) (47d2c0b)
• shell: Add "Sheets" Slot (#7579) (e798765)
• table: Add Table and related components (#7607) (b067e72)

Bug Fixes

• accordion, accordion-item: Improve a11y (#7560) (b5170b6)
• Add drag styles for improved UX (#7644) (afbb764)
• block, block-section: Improve a11y (#7557) (1f44f6b)
• chip-group: Add existence checks (#7586) (5ca64f1)
• color-picker: Update value when alphaChannel is toggled (#7563) (1f753dd)
• combobox: Prevent deselecting items via keyboard in single-persist mode (#7634) (4f5f8b0)
• combobox: Update combobox height to follow design spec (#7558) (ec08845)
• date-picker: Set start of week to monday in zh-CN (#7578) (7e385cb)
• dropdown: Prevents navigating dropdown items with Tab key (#7527) (3ea658d)
• Ensure label only focuses the first labelable child (#7553) (426159c)
• flow: Catch error when beforeBack promise is rejected (#7601) (cb70671)
• input-date-picker, input-time-picker: Do not show dropdown affordance when read-only (#7559) (5a3f19c)
• input, input-number: Correctly sanitize numbers when pasting string with 'e' (#7648) (b8bc11c)
• list, sortable-list, value-list: Emit calciteListOrderChange when dragging between lists (#7614) (4653581)
• list: Fixes dragging nested list items (#7555) (c25f7b3)
• list: Stop emitting calciteListChange when a list-item is disabled or closed. (#7624) (7008463)
• loader: Tweak loading animations to work in Safari (#7564) (2103654)
• modal: Catch error when beforeClose promise is rejected (#7600) (70405d0)
• modal: Handle removal of open attribute and prevent multiple beforeClose calls (#7470) (f31588f)
• rating: Adds focus outline on click (#7341) (af30073)
• segmented-control: Refresh items when added dynamically (#7567) (2e36eb3)
• split-button: Update divider and borders to follow design spec (#7568) (8df59ab)
• tree-item: Move focus outline to item label area (#7581) (1327cef)
• tree-item: Updates state when selection changes programmatically for selection-mode='ancestors' (#7572) (40758c5)
• tree: Improve keyboard navigation (#7618) (826a5cb)

1.6.1 (2023-08-18)

Bug Fixes

• action-bar: Restore "bottom-actions" slot functionality. (#7535) (3aa9afa)
• Fix open/close event emitting in Safari (#7551) (a68b053)

1.6.0 (2023-08-15)

Features

• action-bar: Add "actions-end" slot (deprecates "bottom-actions") (#7435) (1bf14ff)

Bug Fixes

• block: Defaults the status icon to scale=s (#7503) (e1aee99)
• button,card,fab,inline-editable: Provides context to AT users when loading (#7257) (df33eda)
• chip-group: Add existence checks (#7487) (33225a7)
• combobox: Prevents navigation list with Space key (#7505) (58e2ff2)
• panel: Fix heading border when only text content is slotted (#7491) (7704400)
• progress: Completes animation for dir='rtl' (#7511) (c5d6ada)
• scrim: Handle slotted children correctly (#7477) (c5ce008)
• scrim: Render text content inside scrim (#7509) (643ce5d)
• slider: Rerender ticks when prop is modified (#7439) (20058a9)
• tree: Selects all child items when selection-mode is set to ancestors (#7518) (f1eef84)

1.5.1 (2023-08-08)

Bug Fixes

• accordion: Restore accordion-items working with accordion across shadow DOM (#7466) (bedb5db)
• action-bar, action-pad: Add native tooltip to expand action (#7452) (9673ef7)
• Fix SSR build error caused by browser-sniffing util (#7461) (e5381fa)
• flow-item: Use a native tooltip for the back button (#7442) (f38167b)
• input: Fix clearable from throwing an error when value is undefined (#7476) (633c2cd)
• list: Add missing drag handle locale strings (#7462) (2b5463e)
• panel: Add native tooltip to close button. (#7434) (70b45cf)
• panel: Allow panel content to take full height. (#7454) (b6bf54f)
• panel: Correct header and action-bar z-indexing display issues (#7440) (db7eac7)
• slider: Numbers remain on one line for locales with space group separators (#7472) (2747b22)

1.5.0 (2023-08-03)

Features

• action-group: Adds overlayPositioning property. (#7366) (ca9f35a)
• Allow sharing focus trap stacks via configuration global (#7334) (934a19f)
• Automatically import and define Calcite Components when importing their React wrapper (#7185) (bf0ff67)
• block, block-section: Add setFocus method (#7208) (35d4bbb)
• block: Improve block's content layout to allow scrolling (#7367) (ecbf17b)
• color-picker: Replaces thumb focus outline to rounded (#7378) (d803980)
• filter: Add filter method (#7127) (5a4283f)
• flow: Adds setFocus method (#7252) (2472c58)
• Improve focus behavior in components (#7277) (ad9fbca)
• input-time-zone: Add input-time-zone component (#6947) (87bd496)
• list: Add slots for filter actions (#7183) (da07ab1)
• list: Add support for dragging items. (#7109) (7324f70)
• menu-item: Update spacing and icon layout (#7381) (5659671)
• navigation-logo: Increase font-size of heading with no description (#7081) (355e101)
• switch: Updates focus outline to be rounded (#7390) (2616b82)
• text-area: Provide additional context for AT users when character limit exceeds on form submission (#7299) (c5678eb)
• text-area: Provide additional context for AT users when character limit exceeds on form submission (#7412) (c1af3c7)

Bug Fixes

• accordion, accordion-item: icon-position, icon-type, selection-mode and scale can now be set as props or attributes (#7191) (2b09aba)
• action-bar: No longer delegates focus when clicked on non-focusable region (#7310) (1a9c15c)
• action: Correctly focus the button after rendering updates. (#7255) (40fe2ce)
• block: Loader now appears for all loading cases (#7303) (5af3600)
• block: Removes extra loading indicator (#7239) (a334a75)
• card: Ensure teardown logic is called when disconnected (#7289) (d07e322)
• chip: Disconnect mutation observer when component is disconnected from the DOM (#7418) (412e5fb)
• color-picker: Draw slider thumbs within bounds (#7398) (2f37854)
• color-picker: Fix opacity slider keyboard nudging (#7400) (2b4f7c3)
• color-picker: Maintains correct numbering system when entering invalid RGB value (#7327) (8d2a3a5)
• combobox: Add space after grouped items (#7302) (b1580c7)
• dropdown-item: Provides accessible label when href is not parsed (#7316) (966b83d)
• flow: Call setFocus() on back button click (#7285) (9102aa4)
• input-date-picker: Provides placeholder text context for AT users (#7320) (31e0ba2)
• input-date-picker: Reset active date picker date after closing (#7219) (91b2a1b)
• input, input-number: No longer removes trailing decimal separator (#7159) (01535cf)
• link: Adds outline-offset to avoid overlapping with text. (#7342) (c30db4e)
• list: Changing filterText property will now update filtered items (#7133) (a9c0bce)
• list: Fix keyboard navigation after a listItem's disabled or closed property changes (#7275) (91d28eb)
• list: Fix keyboard navigation when filterEnabled is true (#7385) (41a2e42)
• menu-item: Prevent duplicate border in nested vertical menu-items (#7387) (186a738)
• panel: Remove double border styling when content isn't provided (#7368) (91a0610)
• Remove style modifying all host components with hidden attribute (#7346) (3103e2f)
• scrim: Update loader scale on resize of component. (#7419) (24e7f70)
• slider: Prevent excessive tick rendering (#7421) (c799409)
• switch: Fix for focus outline style in certain cases (#7414) (217324f)
• tab-title: Add full focus outline to closable tab button in high contrast mode (#7272) (d812d17)
• tooltip: Avoid extra before open/close event emitting (#7422) (dbb6818)
• tooltip: Deprecate the label property due to the description coming from the component's content (#7247) (7934d75)
• tooltip: Emits close and beforeClose events when container is set to display:none (#7258) (60a4683)
• tooltip: Ensure --calcite-app-z-index-tooltip is applied (#7345) (a9a7072)

1.4.3 (2023-06-26)

Bug Fixes

• accordion-item: support items working across shadowDOM (#7035) (6378e35), closes #6167

• alert: Sets autoCloseDuration to "medium" by default (#7157) (1b9a8ed)

• alert: Update alert queue when an alert is removed from the DOM (#7189) (edd59eb)

• combobox, dropdown, input-date-picker, input-time-picker, popover, tooltip: Prevent repositioning from affecting other floating components (#7178) (1b02dae)

• Ensure mouse events are blocked for disabled components in Firefox (#7107) (271d985)

• input-date-picker: Fix showing the placeholder when resetting the value (#7156) (8d60ffd)

• input, input-number: Allows numeric characters. (#7213) (739f0af)

• input,input-number: Allow typing decimal separator in firefox for arabic locale (#7173) (595e6f2)

• list: No longer has incorrect border width (a810943)

• list: Update selectedItems property on all item selection changes (#7204) (da048f6)

• menu-item: Ensure correct order of rendered icons (#7098) (fd344e9), closes #7097

• navigation: Label is no longer a required property (#7084) (ba2bd4d)

• radio-button-group: No longer focus first radio button on label click and adds setFocus method. (#7050) (4267b8c)

• radio-button, radio-button-group: Prevent emitting events when selecting a checked radio button (#7102) (77fcc81)

• radio-button: Focuses first focusable radio-button element in group. (#7152) (dd7ec60)

• scrim: Responsively set the scale of the loading spinner (#7182) (72c5943)

• tooltip: Improve component timing (#7172) (106f5d2)

• tree-item: Ensure expanded tree-item is displayed when expanded and made visible (#7216) (3c0fbf5)

v1.4.2 (2023-05-30)

Bug Fixes

• list-item: always emit calciteListItemSelect on activation (#7058) (cdbc35e)

v1.4.1 (2023-05-26)

Bug Fixes

• tab-nav: justify centered tab-titles evenly to extend across the width of tab-nav (#7047) (8ef0421), closes #7025 #7026

• input-time-picker: only load valid dayjs locale files and fallback to base lang when region code is unsupported (#7049) (d6a99d5), closes #7040

• combobox: restore toggling of single-select combobox items (#7044) (bb8df53), closes #4738 #3074 #4738

• input-time-picker: allow en-us and other supported lowercase locale codes (#7038) (3fdee43), closes #7036

• list-item: Improve item toggle behavior (#7016) (004d0ee), closes #7017

• tab-title: tabs center when set to layout='center' (#7026) (0bd677b), closes #7025

• color-picker: fix pasting hex with leading # character (#7030) (1c8f3d7), closes #4072 /github.com/Esri/calcite-design-system/pull/5189#issue-1344620750

• input-time-picker: resolve dayjs type error (#7037) (7cb1445), closes #6990

• ensure mouse events are blocked only when components are disabled (#7031) (308ccda), closes #7022

• input-time-picker: ensure dynamic date/time locale config imports are compatible with bundlers that require static import paths (#6990) (9aa094a), closes #7019

• menu-item: Ensure icon displays when href is populated (#7028) (ad25cbe), closes #7027

• list: filter nested children correctly (#6989) (67ca03b), closes #6574

• color-picker: prevent hue slider thumb from wrapping when dragged near/past the edge (#7009) (2d14a16), closes #7004 #2841

• menu: ensure role type is compatible with Stencil's HTMLAttributes interface (#6993) (0231983), closes #7000

• navigation-logo, navigation-user: Prevent inheriting line-height (#7011) (e8cb96b), closes #7010

• hydrate: fix errors caused by message bundle fetch attempts during prerendering (#7002) (c482a7f), closes #7001

Reverts

• Revert "fix test" (c8d07c0)

v1.4.0 (2023-05-22)

Features

• tailwind to use calcite-design-tokens instead of calcite-colors (#6884) (28d6e92)

• styles: Add additional animation classes (#6928) (7b2b62e)

• menu, menu-item: Adds menu & menu-item components. (#6901) (0990bf6), closes #6531

• navigation, navigation-logo, navigation-user: Add navigation, navigation-logo & navigation-user components. (#6873) (167f9f8), closes #6531

• panel, flow-item: Add CSS custom property to define footer padding and deprecate "footer-actions" slot. (#6906) (cfa5689), closes #6892

• action-bar: Improve border display in horizontal layout (#6888) (62e4665), closes #6758

• avatar: add label prop for alternative text & aria-label (#6910) (e8d78e7), closes #5564

• color-picker: add support for alpha channel (deprecates hideChannels, hideHex, hideSaved) (#2841) (83c5808), closes #749

• combobox: make combobox clearable (#6972) (ee5444c), closes #4738

• flow-item: Add action bar slot (#6887) (aa8b46c), closes #6886

• list:

  • adds calciteListChange event to get selectedItems. (#6894) (37959ce), closes #6362

  • Add single-persist selection mode (#6882) (dc332cb), closes #6382

• shell-panel: Add displayMode and heightScale properties and deprecate detached and detachedHeightScale (#6919) (c34d2b8), closes #6388

• stack: Adds new Stack component to arrange content and actions (#6903) (bbced3a), closes #6743 #5664

• tab-nav: adds optional closable functionality to individual tab-titles (#6740) (d30792d), closes #2620

Bug Fixes

• deps: move composed-offset-position to dependencies (#6895) (747e471), closes #6875

• tooltip, popover: Support transparent backgrounds #6803 (#6847) (7eec6fb), closes #6798 floating-ui/floating-ui#2195

• value-list, sortable-list: fix nested sorting components (#6983) (b4bbdf3), closes #6024

• action-bar: Set background color on action-bar (#6917) (0062cbf), closes #6865

• block: Corrects alignment of slotted icon (#6883) (8fec45e), closes #6627

• chip: Uses correct aria role in a selection-mode:none Chip Group (#6862) (ab89ceb)

• combobox: ensure most recent selected item is active when combobox is opened (#6973) (8476595)

• flow-item: Close back button tooltip on click (#6978) (224b695)

• input-date-picker: update input-date-picker to properly handle Buddhist calendar changes (#6970) (1d8ad68), closes #6636

• input-time-picker: allow entering localized time formats (#6936) (ad1f71a), closes #6398

• panel: Remove min-block-size from footer (#6907) (c2681e7), closes #6733

• segmented-control: handle segmented-control-items with duplicate values (#6963) (3a5ad87), closes #6283

• shell-center-row: Correctly do not set Action Bar layout (#6891) (7e96dd0), closes #6890

• tab-nav: ensure selected title is set when tab change event is emitted (#6986) (1fd5b9b), closes #6299

• time-picker: prevent time part steppers from being focusable (#6982) (41701a5), closes #6851

• tip-manager: Set padding for tips and tip-groups consistently (#6959) (fbd2f3f), closes #6464

• tooltip:

  • fix focusing tooltip when a referenceElement is within a shadowDOM (#6915) (453d527), closes #6893

  • close tooltip when pointer is moving (#6922) (dd2c98c), closes #6785

  • Open hovered tooltip while pointer is moving (#6868) (76b02f6), closes #6278 #6615 #6785

• tree: allow selection of parent category w/out selecting children (#6926) (601ec67), closes #6912 #6444 #6509 #6444 #6912 #6509

v1.3.1 (2023-04-25)

Bug Fixes

• chip: Ensure Chip displays without Chip Group label in Custom Element (#6858) (8bf16b9), closes #6856

• fix inheritance of default focus-color value (#6859) (22b4c7a), closes #6857

v1.3.0 (2023-04-24)

Features

• add global CSS props for focus offset and color (#6782) (fbe7b20), closes #3392

• allow disabled elements to emit pointer events without triggering activation (#6732) (c151025), closes #5318

• make getAssetPath available in output targets (#6755) (f915aa1), closes #6696

• action-bar, action-pad: Set layout property on child action-group elements. (#6739) (8eefa12), closes #6390

• list, list-item: Adds the ability to close a list-item (#6775) (66171ab), closes #6555

• chip-group: Add Chip Group component (#6075) (77dec87), closes #1933

• date-picker: add support for de-AT locale (#6788) (be3a8b2), closes #6737

• input-time-picker: add focus trap support (#6834) (8c748f3)

• input: add files property (#6277) (4aff028), closes #5890

• input-date-picker:

  • add focus trap support (#6816) (0d9ddc9), closes #6668
  • allow toggling date picker by clicking the input or entering the down/escape key (#6805) (233c22b), closes #6773

• input-time-picker: allow toggling time picker by clicking the input or entering the down/escape key (#6832) (4639d89), closes #6830

• panel: Add slot for an action-bar component. (#6738) (b57733b), closes #6448

• shell: Add panel-top slot (#6730) (62fb8a2), closes #6389 #6449

• shell-panel: Place Action Bar in correct location when used in top / bottom Shell slots (#6761) (6791f67), closes #6447

Bug Fixes

• combobox, dropdown, input-date-picker, popover, tooltip: fix misplaced floating-ui elements when associated-components are closed (#6709) (e220686), closes #6404
• inline-editable, input-message, input-number, input-text, input: prevent components from unintentionally picking up a different scale/status value from an ancestor (#6506) (e27f4b3), closes #6494
• input-time-picker, time-picker: render when input-time-picker or time-picker's step property changes (#6731) (2118349), closes #6039
• modal, popover: fix focus-trap from preventing first click (#6769) (be4a63a), closes #6581
• block: Ensure description has correct line-height (#6723) (a7deec2), closes #6443
• button: truncate long button text (#6664) (5857e76), closes #5660
• combobox: Visually nest group items properly (#6749) (8d0d0e5), closes #6384
• date-picker:
  • fix range highlight style regression (#6836) (9c519fb)
  • improve date-picker a11y (#6715) (74b3b96), closes #5570
• dropdown: trigger should break words when overflowing container. (#6747) (496ce7e), closes #5903
• input-date-picker:
  • correctly position open component when scrolling (#6815) (d22f4f5), closes #6463
  • implement dialog behavior to improve a11y (#6669) (a013819), closes #5582 #6668
• input-time-picker: support keyboard interactions to improve a11y (#6837) (96319ae), closes #6835
• panel: ensure close button is placed in the corner of the panel header. (#6746) (1401523), closes #6742
• shell-panel: Side panels should appear over center panels (#6787) (5e0b393), closes #5927
• stepper: rerender stepper items when parent numbering system changes (#6563) (e817b03), closes #5979
• tree-item: ensure tree-item properly reflect ancestor-mode selection on initialization (#6795) (5591ab4), closes #5867
• value-list-item: add missing event emitter (#6797) (c96d33e), closes #5167

v1.2.0 (2023-03-27)

Features

• support setting form ID on form components (#6682) (1a4041d), closes #5164
• pagination, split-button, dropdown, date-picker, action-group: add setFocus method (#6438) (a93a85f), closes #5147 /github.com/Esri/calcite-design-system/issues/5147#issuecomment-1355194965
• text-area: add calcite-text-area component (#5644) (1a1528b), closes #863

Bug Fixes

• card: provide more meaningful screen reader label for selectable cards (deprecates deselect message override) (#6657) (8ee37d2), closes #5585

• modal: prevent error when calling setFocus on a recently rendered and opened modal (dist-custom-elements) (#6666) (aa1f3d1), closes #6188 /github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts#L72-L79 /github.com/ionic-team/stencil/issues/3246#issuecomment-1048802446

• pagination: add current page information for screen readers (#6637) (335f947), closes #5590

• tile-select: fix click not firing in custom-elements build (#6665) (71aa826), closes #6185

• tile: adds styling to tile where link is present for additional distinction (#6628) (093ae47), closes #5608

• restore form control validation in Safari (#6623) (b293077), closes #6626

• accordion, accordion-item: now wraps long words in header (title & description) (#6608) (46575ff), closes #5683

v1.1.0 (2023-03-15)

Features

• block: add built-in localization (#6503) (5e5a7ab), closes #6248
• modal: provides content-top and content-bottom slots (#6490) (4a511ba), closes #4800
• stepper-item: emits calciteStepperItemSelect event when selected. (#6521) (c349080), closes #6330

Bug Fixes

• action: ensure consistent width to accommodate indicator when displaying text (#6562) (2b0d704), closes #5375
• alert, combobox, dropdown, input-date-picker, popover, tooltip: prefers-reduced-motion no longer prevents open/close components from emitting before + open/close events (#6605) (dfcaa22), closes #6582
• avatar: passes color contrast after adjusting text color (#6592) (e7a4971), closes #6203
• input, input-number: increment/decrement unsafe numbers without loss of precision (#6580) (40c0f0f), closes #5920
• modal: ensure modal transitions are in sync (#6564) (bc9239b), closes #5067
• slider: range slider thumb on all touch-enabled devices now follows touch gesture (#6553) (70cade7), closes #4290

v1.0.8 (2023-03-02)

Bug Fixes

• filter, list: filter properly on initialization (#6551) (b7782aa), closes #6523

• apply offsetParent polyfill for Chrome 109+ (#6520) (ba8c068), closes #6300

• tree: restore wrapping in tree-item text content (#6518) (7b95194), closes #6512

• tree: prevent tree-item content from being clipped (#6519) (8501b23), closes #6514

• select, slider, combobox: display label in screen reader instructions. (#6500) (3a7f112), closes #5627

• value-list: add back instructions for screen reader when drag handle is activated (#6402) (b822f25), closes #6401 #5739

• slider: slider handle aligns with track when font size changes (#5372) (780df6c), closes #4721

v1.0.7 (2023-02-15)

Reverts

• focus-trap: prevent host from receiving initial focus (#6483) (68f2c0e)

v1.0.6 (2023-02-14)

Bug Fixes

• focus-trap: prevent host from receiving initial focus (#6479) (764609d), closes #6454 /github.com/Esri/calcite-design-system/blob/059d6eee6a8dc0a0d74db6e113d30cafebac25bb/src/utils/focusTrapComponent.ts#L33-L35
• tree-item: preserves consistent height with or w/t actions-end (#6403) (728f42b), closes #6361 #3127
• vite: getting the dist build to work correctly with vite again (#6452) (cc44984), closes #6419

v1.0.5 (2023-02-09)

Bug Fixes

• input, input-number, input-text: emit change value when clearing programmatically-set value (#6431) (1802dc3), closes #4232
• modal: no longer loses focus trap after clicking inside the component. (#6434) (df144dc), closes #6281
• tooltip: prevent closing of Esc-key-closing parent components when dismissing a tooltip with Esc (#6343) (b4cbf54), closes #6292

v1.0.4 (2023-02-07)

Bug Fixes

• date-picker: days previous to the currently hovered day when no range value exists display correctly with no hover styles (#6369) (ebdcc25)

• stepper-item: no longer refer numberingSystem from neighbor stepper component (#6380) (c647fe3), closes #6331

• tabs: fix error when tabs is resized before initial render (#6342) (a2ba64e), closes #6310

• tree: prevent lines from expanded item from bleeding out of container (#6372) (d2fa8a6), closes #6367

• accordion: supports selection mode updates (#6356) (8278d3e), closes #5143

• alert: ensure border-radius is consistent for prescribed slots (#6368) (cfe5699), closes #6348

• input-date-picker: input renders numbers in the specified numbering system (#6360) (b74c37f)

• split-button: no longer displays divider for transparent with inverse kind (#6350) (11bc2e8), closes #6332

• popover: fix heading padding for m and l scales (#6341) (6153db9), closes #5803

v1.0.3 (2023-01-24)

⚠ BREAKING CHANGES

• styles: Use "mode" nomenclature instead of "theme"

  • .calcite-theme-auto, .calcite-theme-dark, and .calcite-theme-light CSS classes have been replaced with .calcite-mode-auto, .calcite-mode-dark, and .calcite-mode-light

• modal, panel, popover: Removed focusId parameter from setFocus methods. When the setFocus method is called the first focusable element will be focused.

• panel, shell-panel, flow-item: Update available css variables.

  • Removes heightScale and widthScale properties from Panel and Flow Item.
  • Removes css variables for Panel - the component will now fill available width of parent component.
  • Documents public css variables for Shell Panel.

• accordion:

  • Removed "default" value for the appearance property, use "solid" instead.
  • Removed "minimal" value for the appearance property.

• card:

  • Removed footer-leading and footer-trailing slots, use footer-start and footer-end instead.

• color-picker:

  • Removed appearance property, use --calcite-ui-border-1:transparent to remove the border instead of the "minimal" value

• combobox-item:

  • Removed toggleSelected method, use the selected property instead.

• date-picker:

  • Removed the property startAsDate, use valueAsDate instead.
  • Removed the property endAsDate, use valueAsDate instead.

• input-time-picker:

  • Removed the event payload from calciteInputTimePickerChange event.

• modal:

  • The width property no longer accepts a custom width. Accepted values are s, m, l.
  • Adds --calcite-modal-width and --calcite-modal-height css variables.

• pagination:

  • Removed the --calcite-pagination-spacing css variable
  • Removed the property num, use pageSize instead
  • Removed the property total, use totalItems instead
  • Removed the property start, use startItem instead

• popover:

  • Removed the toggle method, use the open property instead.

• radio-button-group:

  • Added property selectedItem.
  • Removed the event.detail property on the event calciteRadioButtonGroupChange, use event.target and the property selectedItem instead.

• radio-group, radio-group-item: Renames components.

  • calcite-radio-group has been renamed to calcite-segmented-control.
  • calcite-radio-group-item has been renamed to calcite-segmented-control-item.

• segmented-control:

  • Updates segmented-control event to calciteSegmentedControlChange.

• stepper:

  • Added property selectedItem.
  • Removed the event.detail property on the event calciteStepperItemChange, use event.target and the property selectedItem instead.

• tip:

  • Rename dismissed prop to `closed.

Features

• tree-item: support actions-end and icon-start (#6005) (ea36657), closes #3127

• modal: Updates accepted width values, adds css variables for width and height (#6166) (de11401)

• date-picker: Update border color (#6273) (1bdb9c1)

• panel: Allow Panel to fill height of parent (#6256) (f556efc)

• tab-nav: Add selectedTitle property (#6149) (e48096c)

• popover, modal: Add the ability to update focus trap elements after initialization (#6141) (806ca32)

Bug Fixes

• select: bumping scale of chevron icon to M when host is scale l (#6335) (fa91ec1), closes #5698

• input, input-number: correctly handle '-' and '.' values when sanitizing number (#6306) (6533366), closes #6270

• tree: expanded item renders correctly on initial load (#6320) (ac8b517), closes #6284

• date-picker: display correct day for first day of month in ar locale (#6309) (ea190a7), closes #6182

• combobox-item: adds selector indicator for item's with icon. (#6282) (e4bdfaf), closes #6287

• date-picker: end-range is now rounded and has the correct box-shadow (#6216) (ed30588), closes #5544

• date-picker: range value property updates correctly (#6289) (7ff1c7d)

• dropdown-item: bumping the scale of icon to M when parent dropdown is scale L (#6254) (8957e8d), closes #5698

• tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker: bumping the scale of icon to M when parent is scale L (#6267) (e8edf6b), closes #5698

• accordion-item: bumping the scale of icon to M when parent accordion is scale L (#6252) (a6bb7da), closes #5698

• combobox-item: bumping the scale of icon to M when parent combobox is scale L (#6253) (051cb3f), closes #5698

• button: neutral and outline button now has correct border color (#6269) (24e6d32), closes #5331

• input, input-number, input-text: allow slotted action to be independently disabled (#6250) (8197c18), closes #6241

• input, input-number: nudge buttons increment/decrement once per interaction (#6240) (fd10ac5), closes #5785

• tree-item: overflow slotted elements are no longer hidden (#5261) (4aa1f7e), closes #5168

• list-item: use pointer cursor when selection mode is none (#6213) (6b43b91), closes #6123

• alert: Correctly dismiss after hovering (#6228) (66dd692), closes #6222

• input, input-number: increment/decrement to the min/max when value is below/above (#6207) (d9eb215), closes #6201

• modal: close button does not change header height (#6205) (f1d73a8), closes #1707 #5210

• input-date-picker: update input value when changing locale (#6197) (65478be), closes #5886 #5969

• date-picker: modify weekStart value for ar locale (#6154) (f9fe230)

• time-picker: high contrast visibility of outlines in focus and hover states (#6129) (90ddff1)

• tooltip: Fix hover logic for elements within shadowRoot. (#6119) (f490e5e)

beta versions

See CHANGELOG_BETA.md for pre-v1 changes.