Changelog for 1.5.0

August 2023

Features

• Allow sharing focus trap stacks via configuration global (#7334) (934a19f)
• Automatically import and define Calcite Components when importing their React wrapper (#7185) (bf0ff67)
• Improve focus behavior in components (#7277) (ad9fbca)
• action-group: Adds overlayPositioning property. (#7366) (ca9f35a)
• 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)
• input-time-zone: Add input-time-zone component (#6947) (87bd496)
• list:
  • Add slots for filter actions (#7183) (da07ab1)
  • 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)
  • Provide additional context for AT users when character limit exceeds (#7412) (c1af3c7)

Bug fixes

• Ensure mouse events are blocked only when components are disabled (#7031) (308ccda), closes #7022
• Ensure mouse events are blocked for disabled components in Firefox (#7107) (271d985)
• Remove style modifying all host components with hidden attribute (#7346) (3103e2f)
• hydrate: Fix errors caused by message bundle fetch attempts during prerendering (#7002) (c482a7f), closes #7001
• combobox, dropdown, input-date-picker, input-time-picker, popover, tooltip: Prevent repositioning from affecting other floating components (#7178) (1b02dae)
• accordion, accordion-item: icon-position, icon-type, selection-mode and scale can now be set as props or attributes (#7191) (2b09aba)
• accordion-item: Support items working across shadowDOM (#7035) (6378e35), closes #6167
• action-bar: No longer delegates focus when clicked on non-focusable region (#7310) (1a9c15c)
• action: Correctly focus the button after rendering updates. (#7255) (40fe2ce)
• alert:
  • Sets autoCloseDuration to "medium" by default (#7157) (1b9a8ed)
  • Update alert queue when an alert is removed from the DOM (#7189) (edd59eb)
• block:
  • Loader now appears for all loading cases (#7303) (5af3600)
  • 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:
  • Prevent hue slider thumb from wrapping when dragged near/past the edge (#7009) (2d14a16), closes #7004 #2841
  • Fix pasting hex with leading # character (#7030) (1c8f3d7), closes #4072 /github.com/Esri/calcite-design-system/pull/5189#issue-1344620750
  • Draw slider thumbs within bounds (#7398) (2f37854)
  • Fix opacity slider keyboard nudging (#7400) (2b4f7c3)
  • Maintains correct numbering system when entering invalid RGB value (#7327) (8d2a3a5)
• combobox:
  • Restore toggling of single-select combobox items (#7044) (bb8df53), closes #4738 #3074 #4738
  • 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:
  • Fix showing the placeholder when resetting the value (#7156) (8d60ffd)
  • Provides placeholder text context for AT users (#7320) (31e0ba2)
  • Reset active date picker date after closing (#7219) (91b2a1b)
• input-time-picker:
  • Ensure dynamic date/time locale config imports are compatible with bundlers that require static import paths (#6990) (9aa094a), closes #7019
  • Resolve dayjs type error (#7037) (7cb1445), closes #6990
  • Allow en-us and other supported lowercase locale codes (#7038) (3fdee43), closes #7036
  • Only load valid dayjs locale files and fallback to base lang when region code is unsupported (#7049) (d6a99d5), closes #7040
• input, input-number:
  • Allows numeric characters. (#7213) (739f0af)
  • Allow typing decimal separator in Firefox for arabic locale (#7173) (595e6f2)
  • No longer removes trailing decimal separator (#7159) (01535cf)
• link: Adds outline-offset to avoid overlapping with text. (#7342) (c30db4e)
• list:
  • Filter nested children correctly (#6989) (67ca03b), closes #6574
  • No longer has incorrect border width (a810943)
  • Changing filterText property will now update filtered items (#7133) (a9c0bce)
  • Update selectedItems property on all item selection changes (#7204) (da048f6)
  • Fix keyboard navigation after a list item's disabled or closed property changes (#7275) (91d28eb)
  • Fix keyboard navigation when filterEnabled is true (#7385) (41a2e42)
• list-item:
  • Improve item toggle behavior (#7016) (004d0ee), closes #7017
  • Always emit calciteListItemSelect on activation (#7058) (cdbc35e)
• menu: Ensure role type is compatible with Stencil's HTMLAttributes interface (#6993) (0231983), closes #7000
• menu-item:
  • Ensure icon displays when href is populated (#7028) (ad25cbe), closes #7027
  • Ensure correct order of rendered icons (#7098) (fd344e9), closes #7097
  • Prevent duplicate border in nested vertical menu-items (#7387) (186a738)
• navigation-logo, navigation-user: Prevent inheriting line-height (#7011) (e8cb96b), closes #7010
• navigation: label is no longer a required property (#7084) (ba2bd4d)
• panel: Remove double border styling when content isn't provided (#7368) (91a0610)
• 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)
  • 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-nav: Justify centered tab-titles evenly to extend across the width of tab-nav (#7047) (8ef0421), closes #7025 #7026
• tab-title:
  • Tabs center when set to layout="center" (#7026) (0bd677b), closes #7025
  • Add full focus outline to closable tab button in high contrast mode (#7272) (d812d17)
• tooltip:
  • Improve component timing (#7172) (106f5d2)
  • Avoid extra before open/close event emitting (#7422) (dbb6818)
  • Deprecate the label property due to the description coming from the component's content (#7247) (7934d75)
  • Emits close and beforeClose events when container is set to display:none (#7258) (60a4683)
  • Ensure --calcite-app-z-index-tooltip is applied (#7345) (a9a7072)
• tree-item: Ensure expanded tree-item is displayed when expanded and made visible (#7216) (3c0fbf5)

Compatibility

The 4.27 release of the ArcGIS Maps SDK for JavaScript supports Calcite version 1.4.2. If you are using version 4.26 it is recommended to use Calcite's 1.0.7 release.