1.4.2

Last release before moving @esri/calcite-components-react to the monorepo.

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-components/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

• popover: change event listener to 'pointerup' (#6985) (bd1deed), closes #6977

• 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-components/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-components/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

1.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)

1.0.0-beta.99 (2022-12-19)

⚠ BREAKING CHANGES

• accordion, combobox, dropdown, list, tree: Removes multi value of selection-mode.

  • Removed the multi value for selection-mode property, use multiple
    instead.

• action,action-bar,action-group,action-pad,alert,block-section,block,button: Removed deprecated intl* properties , use
  messageOverrides property instead.

• action-bar, action-pad: Removed focusId paramter setFocus
  method, focus is delegated to the first focusable element.

• alert, notice: Renamed color properties and updated values.

  • Renamed the property color, use kind instead.
  • Updated the accepted values of kind to brand, danger, info,
    success, and warning.

• block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Sets internal heading HTML element to be a div by default. If users would like to retain an internal H1-H6 HTML element, they will need to set the headingLevel property on the component. Users already setting the headingLevel property are not affected. (#5728) (38ca639), closes 5099

• button, fab, split-button: Removed deprecated properties and values.

  • button: Removed the property form, this property is no longer
    needed if the component is placed inside a form.
  • button, fab, split-button: Renamed the property color, use
    kind instead.
  • button, fab, split-button: Updated the accepted values of kind
    to brand (default), danger, inverse, and neutral.
  • button, split-button: Updated the accepted values of appearance
    to outline, outline-fill and solid (default).
  • fab: Updated the accepted values of appearance to outline-fill
    and solid (default).

• chip,card,combobox,date-picker,flow,flow-item,filter, input-date-picker: Removed deprecated intl\* & accessible label properties.

• chip,combobox-item: Removed deprecated event payload.

  • Removed the event.detail property on the event calciteChipDismiss,
    use event.target instead.
  • Removed the event.detail property on the event
    calciteComboboxChipDismiss, use event.target instead.

• dropdown, dropdown-item: Removed deprecated properties.

  • Removed the property active on calcite-dropdown-item, use
    selected instead.
  • Removed the property active, on calcite-dropdown, use open
    instead.

• flow, flow-item: Removed the calciteFlowItemBackClick event and
  support for slotting calcite-panels.

  • Removed support for slotting calcite-panel components, use the
    calcite-flow-item component instead.
  • Removed the event calciteFlowItemBackClick, use
    calciteFlowItemBack instead.

• inline-editable,input,input-text,input-number: Removed deprecated intl\* & accessible label properties.

• list, list-item, list-item-group: To know when calcite-list-item content is selected, listen to the event calciteListItemSelect instead of click.

  • headingLevel property on the list and list-item-group are no
    longer necessary.

  • nonInteractive property on the list-item is no longer necessary.

  • list:

    • Adds label property to specify an accessible name for the component.
    • Adds loading property to show a busy indicator.
    • Adds selectionMode and selectionAppearance properties to handle configuration of selection.
    • Adds filterEnabled, filteredData, filteredItems, filterText, and filterPlaceholder properties to support filtering.
    • Adds calciteListFilter event to notify when a filter has changed.
    • Deprecates headingLevel property.

  • list-item-group:

    • Adds disabled property to prevent user interaction.
    • Deprecates headingLevel property.

  • list-item:

    • Adds calciteListItemSelect event to notify when list item content is selected.
    • Adds selected and value properties to handle selection.
    • Adds open property to show child components.
    • Deprecates nonInteractive property.

• loader, input-message: use hidden native global attribute to toggle visibility on the components instead of the deprecated active prop.

• popover, dropdown, modal, pick-list-item, popover, value-list-item: Renamed disable* properties.

• scrim,rating,time-picker,input-time-picker,value-list: Removed deprecated intl\* & accessible label properties.

• tabs, tab-nav, tab-title, tab:

  • Removed the property active from calcite-tab-title, use selected
    instead.
  • Removed the property active from calcite-tab, use selected
    instead.
  • Removed the above value from the position property on
    calcite-tabs, use top instead.
  • Removed the below value from the position property on
    calcite-tabs, use bottom instead.

• accordion-item: Removed the properties active, itemTitle,
  itemSubtitle, and icon.

  • Removed the property active, use expanded instead.
  • Removed the property itemTitle, use heading instead.
  • Removed the property itemSubtitle, use description instead.
  • Removed the property icon, use iconStart or iconEnd instead.

• action:

  • Removed the property intlLoading , use messsageOverrides.loading
    instead.
  • Removed the property intlIndicator, use messageOverrides.indicator
    instead.
  • Removed the calciteActionClick event and the clear
    value for the appearance property. Listen to the click event instead of `calciteActionClick.
  • Use the value transparent instead of clear for the property
    appearance.

• action-bar:

  • Removed the property intlExpand , use messsageOverrides.expand
    instead.
  • Removed the property intlCollapse, use messageOverrides.collapse
    instead.

• action-group:

  • Removed the property intlMore , use messsageOverrides.more
    instead.

• action-menu:

  • Removed the event calciteActionMenuOpenChange, use
    calciteActionMenuOpen instead.
  • Removed the event.detail value from the
    calciteActionMenuOpenChange event on the action-menu component.
  • When listening to calciteActionMenuOpenChange, use the open
    property on the event.target instead of event.detail.

• action-pad:

  • Removed the property intlExpand , use messsageOverrides.expand
    instead.
  • Removed the property intlCollapse, use messageOverrides.collapse
    instead.

• alert:

  • Removed the property intlClose, use messageOverrides.close
    instead.
  • Renamed the property autoDismiss, use autoClose instead.
  • Renamed the property autoDismissDuration, use autoCloseDuration
    instead.
  • Removed the property active, use open instead.
  • Removed the *-leading and *-trailing values for
    component placement properties.
  • There is no need for "-leading" and "-trailing" values anymore since
    *-start and *-end are already flipped in right-to-left direction.

• block:

  • Removed the property intlExpand , use messsageOverrides.expand
    instead.
  • Removed the property intlCollapse, use messageOverrides.collapse
    instead.
  • Removed the property intlLoading , use messsageOverrides.loading
    instead.
  • Removed the property intlOptions, use messageOverrides.options
    instead.
  • Removed the property summary, use description instead.
  • Removed the property disablePadding, use the CSS variable
    --calcite-block-padding instead.

• block-section:

  • Removed the property intlExpand , use messsageOverrides.expand
    instead.
  • Removed the property intlCollapse, use messageOverrides.collapse
    instead.

• button:

  • Removed the property intlLoading , use messsageOverrides.loading
    instead.

• card:

  • Removed the property intlLoading , use messsageOverrides.loading
    instead.
  • Removed the property intlSelect use messageOverrides.select
    instead.
  • Removed the property intlDeselect use messageOverrides.deselect
    instead.

• chip:

  • Renamed the property color, use kind instead.
  • Updated the accepted values of kind to brand, inverse, and
    neutral (default).
  • Updated the accepted values of appearance to , outline,
    outline-fill and solid (default).
  • Removed the property dismissLabel , use
    messsageOverrides.dismissLabel instead.
  • Renamed the event calciteChipDismiss, use calciteChipClose
    instead.
  • Removed the property dismissible, use closable instead.
  • Use the value transparent instead of clear for appearance
    property.

• color-picker-hex-input:

  • Removed, intlHex property, aria-label of color-picker-hex-input is
    set to hex by default.
  • Removed ,intlNoColor property.

  note: color-picker-hex-input is internal component.

• color-picker:

  • Removed the property intlB , use messsageOverrides.b instead.
  • Removed the property intlBlue , use messsageOverrides.blue
    instead.
  • Removed the property intlDeleteColor , use
    messsageOverrides.deleteColor instead.
  • Removed the property intlG , use messsageOverrides.g instead.
  • Removed the property intlGreen , use messsageOverrides.green
    instead.
  • Removed the property intlH , use messsageOverrides.h instead.
  • Removed the property intlHsv , use messsageOverrides.hsv instead.
  • Removed the property intlHex , use messsageOverrides.hex instead.
  • Removed the property intlHue , use messsageOverrides.hue instead.
  • Removed the property intlNoColor , use messsageOverrides.noColor
    instead.
  • Removed the property intlR , use messsageOverrides.r instead.
  • Removed the property intlRed , use messsageOverrides.red instead.
  • Removed the property intlRgb , use messsageOverrides.rgb instead.
  • Removed the property intlS , use messsageOverrides.s instead.
  • Removed the property intlSaturation , use
    messsageOverrides.saturation instead.
  • Removed the property intlSaveColor , use
    messsageOverrides.saveColor instead.
  • Removed the property intlSaved , use messsageOverrides.saved
    instead.
  • Removed the property intlV , use messsageOverrides.v instead.
  • Removed the property intlValue , use messsageOverrides.value
    instead.

• combobox:

  • Removed the property intlRemoveTag , use
    messsageOverrides.removeTag instead.
  • Renamed the event calciteComboboxChipDismiss, use
    calciteComboboxChipClose instead.
  • Removed the event.detail property on the event
    calciteComboboxChange, use event.target.selectedItems instead.
  • Removed the event.detail property on the event
    calciteComboboxFilterChange, use event.target.filteredItems or
    event.target.value instead.
  • Removed the property active, use open instead.
  • Removed the eventcalciteLookupChange, use calciteComboboxChange
    event instead.
  • Removed the payload information from the event
    calciteComboboxChipDismiss, use the value property on the
    component to determine the removed value instead.

• combobox-item: Removed deprecated property.

  • Removed the property constant, use filterDisable instead.

• date-picker:

  • Removed endAsDate and startAsDate properties, use valueAsDate
    instead.
  • Removed the property intlNextMonth, use messageOverrides.nextMonth
    instead.
  • Removed the property intlPrevMonth, use messageOverrides.prevMonth
    instead.
  • Removed the property intlYear, use messageOverrides.year instead.
  • Removed the start and end properties, set value
    as an array with the start as the first value and the end as the second
    value instead.
  • Removed the event.detail property on the event
    calciteDatePickerChange, use event.target instead.
  • Removed the event.detail property on the event
    calciteDatePickerRangeChange, use event.target instead.
  • Removed the locale property, use lang instead.

• date-picker-month, date-picker-month-header:

  • Removed the event calciteDatePickerSelect on
    CalciteDatePickerMonthHeader
  • Removed the event calciteDatePickerSelect on
    CalciteDatePickerMonth
  • Removed the event calciteDatePickerActiveDateChange on
    CalciteDatePickerMonth

• dropdown:

  • Removed the event.detail property on the event
    calciteDropdownSelect, use event.target instead. To get the selected dropdown-item, use the calciteDropdownItemSelect event.
  • Renamed the property disableCloseOnSelect, use
    closeOnSelectDisabled instead.
  • Removed the slot dropdown-trigger, use trigger instead.

• filter:

  • Removed the property intlClear, use messsageOverrides.clear
    instead.
  • Removed the property intlLabel, use messageOverrides.label
    instead.

• flow-item:

  • Removed the property intlBack , use messsageOverrides.back
    instead.
  • Removed the property intlClose, use messageOverrides.close
    instead.
  • Removed the property intlOptions , use messsageOverrides.options
    instead.

• handle:

  • Removed the event.detail.handle property on the event calciteHandleNudge, use event.target instead.

• inline-editable:

  • Removed the property intlEnableEditing, use messsageOverrides.enableEditing instead.
  • Removed the property intlCancelEditing, use messageOverrides.cancelEditing instead.
  • Removed the property intlConfirmChanges, use messageOverrides.confirmChanges instead.

• input:

  • Removed the nativeEvent payload property which was being used
    internally.
  • Removed the property intlClear, use messsageOverrides.clear instead.
  • Removed the property intlLoading, use messsageOverrides.loading instead.
  • Removed maxlength property, use maxLength instead.
  • Removed locale property, use lang instead.
  • Removed calciteInputInput's el/value event payload properties, use the event's target/currentTarget instead.

• input-date-picker:

  • Removed calciteDatePickerRangeChange event, use
    calciteInputDatePickerChange instead.
  • Removed the property start, use value instead.
  • Removed the property end, use value instead.
  • Removed the property startAsDate, use valueAsDate instead.
  • Removed the property endAsDate, use valueAsDate instead.
  • Removed the property intlNextMonth, use messageOverrides.nextMonth
    instead.
  • Removed the property intlPrevMonth, use messageOverrides.prevMonth
    instead.
  • Removed the property intlYear, use messageOverrides.year instead.
  • Removed the calciteDatePickerChange event, use
    calciteInputDatePickerChange instead.
  • Removed the active property, use open instead.
  • Removed the locale property, use lang instead.

• input-message:

  • Removed active property, use the global hidden attribute instead.
  • Removed type property, "floating" is no longer supported.

• input-number:

  • Removed the property intlClear, use messsageOverrides.clear instead.
  • Removed the property intlLoading, use messsageOverrides.loading instead.
  • Removed locale property, use lang instead.
  • Removed calciteInputNumberInput event payload properties, use the
    event's target/currentTarget instead.

• input-text:

  • Removed the property intlClear, use messsageOverrides.clear instead.
  • Removed the property intlLoading, use messsageOverrides.loading instead.
  • Removed calciteInputTextInput event payload, use the event's
    target/currentTarget instead.

• input-time-picker:

  • Removed the active property, use open instead.
  • Removed the property locale, use lang instead.
  • Removed the property intlHour, use messsageOverrides.hour instead.
  • Removed the property intlHourDown, use messsageOverrides.hourDown instead.
  • Removed the property intlHourUp, use messsageOverrides.hourUp instead.
  • Removed the property intlMeridiem, use messsageOverrides.meridiem instead.
  • Removed the property intlMeridiemDown, usemesssageOverrides.meridiemDown instead.
  • Removed the property intlMeridiemUp, use messsageOverrides.meridiemUp instead.
  • Removed the property intlMinute, use messsageOverrides.minute instead.
  • Removed the property intlMinuteUp, use messsageOverrides.minuteUp instead.
  • Removed the property intlMinuteDown, use messsageOverrides.minuteDown instead.
  • Removed the property intlSecond, use messsageOverrides.second instead.
  • Removed the property intlSecondUp, use messsageOverrides.secondUp instead.
  • Removed the property intlSecondDown, use messsageOverrides.secondDown instead.

• label:

  • The default display for label is now flex instead of
    inline. Use --calcite-label-margin-bottom CSS variable to disable space when
    in layout is inline.
  • Removed the property status, set the status property on the
    component the label is bound to instead.
  • Removed the property disabled, set the disabled property on the
    component the label is bound to instead.
  • Removed the property disableSpacing, use the CSS variable
    --calcite-label-margin-bottom instead.

• loader:

  • Removed the property active, use global attribute hidden instead.
  • Removed the property noPadding, use --calcite-loader-padding CSS
    property instead.

• modal:

  • Removed the property backgroundColor, use the CSS variable
    --calcite-modal-content-background instead.
  • Removed the --calcite-modal-padding CSS variable, use the
    --calcite-modal-content-padding CSS variable instead.
  • Removed the property intlClose, use messsageOverrides.close
    instead.
  • Renamed the property color, use kind instead.
  • Updated the accepted values of kind to brand, danger, info,
    success, and warning.
  • Removed the property active, use open instead.
  • Removed the property noPadding, use --calcite-modal-padding CSS
    property instead.
  • Removed the method focusElement, use setFocus method instead.
  • Removed the CSS property --calcite-modal-content-text.
  • Removed the CSS property --calcite-modal-padding-large.
  • Removed the CSS property --calcite-modal-title-text.
  • Renamed the property disableCloseButton, use closeButtonDisabled
    instead.
  • Renamed the property disableFocusTrap, use focusTrapDisabled
    instead.
  • Renamed the property disableOutsideClose, use outsideCloseDisabled
    instead.
  • Renamed the property disableEscape, use escapeDisabled instead.

• notice:

  • Removed the property active, use open instead.
  • Removed the property dimissible, use closable property instead.
  • Removed the property intlClose, use messsageOverrides.close
    instead.

• pagination:

  • Removed the property textLabelNext , use messsageOverrides.next
    instead.
  • Removed the property textLabelPrevious , use
    messsageOverrides.previous instead.
  • Removed the event calcitePaginationUpdate event, use
    calcitePaginationChange event instead.
  • Removed the event.detail property on the event
    calcitePaginationChange, use event.target instead.

• panel:

  • Removed the property intlClose , use messsageOverrides.close
    instead.
  • Removed the property intlOptions, use messsageOverrides.options
    instead.
  • Removed the property dismissed, use closed instead.
  • Removed the property dismissible, use closable instead.
  • Removed the property summary, use description instead.
  • Removed the property intlBack, use the calcite-flow-item component
    instead.
  • Removed the property showBackButton, use the calcite-flow-item
    component instead.
  • Removed the property beforeBack, use the calcite-flow-item
    component instead.
  • Removed the event calcitePanelDismiss, use calcitePanelClose
    instead.
  • Removed the event calcitePanelDismissedChange, use
    calcitePanelClose instead.
  • Removed the event calcitePanelBackClick, use the calcite-flow-item
    component instead.

• pick-list-item:

  • Removed the property intlRemove, use messsageOverrides.remove
    instead.
  • Renamed the property disableDeselect, use deselectDisabled
    instead.

• popover:

  • Removed the property intlClose , use messsageOverrides.close
    instead.
  • Renamed the property disableFlip, use flipDisabled instead.
  • Renamed the property disableFocusTrap, use focusTrapDisabled
    instead.
  • Renamed the property disablePointer, use pointerDisabled instead.
  • Removed the property closeButton, use closable instead.
  • Removed the property dismissible, use closable instead.

• popover-manager: Removed the calcite-popover-manager component. This
  component is no longer necessary for calcite-popovers.

• radio-group:

  • Removed minimal appearance value, use outline instead.
  • Removed the event.detail property on the event
    calciteRadioGroupChange, use event.target instead.

• radio-group-item:

  • Removed the property icon, use either iconStart or iconEnd
    instead.
  • Removed the property iconPosition, use either iconStart or
    iconEnd instead.

• rating:

  • Removed the event.detail property on the event
    calciteRatingChange, use event.target instead.
  • Removed the property intlStars , use messsageOverrides.stars instead.
  • Removed the property intlRating , use messsageOverrides.rating instead.

• scrim:

  • Removed the property intlLoading , use messsageOverrides.loading instead.

• shell:

  • Removed the slot primary-panel, use panel-start instead.
  • Removed the slot contextual-panel, use panel-end instead.

• shell-panel:

  • Removed the property intlResize, use messagesOverrides.resize
    instead.
  • Removed the calciteShellPanelToggle event. Use a ResizeObserver on the component to listen for changes to its size. (https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).

• slider:

  • Removed the event calciteSliderUpdate, use calciteSliderInput
    instead.

• split-button:

  • Removed the event.detail payload from the events
    calciteSplitButtonPrimaryClick and calciteSplitButtonSecondaryClick.
    Use separate mouse event listeners to get information about click
    events.

• stepper-item:

  • Removed the property active, use selected instead.
  • Removed the property itemTitle, use heading instead.
  • Removed the property itemSubtitle, use description instead.

• switch:

  • Removed the property switched, use checked instead.
  • Removed the event.detail from calciteSwitchChange, use
    event.target.checked instead.

• tab-nav:

  • Removed the event.detail property on the event calciteTabChange,
    use event.target instead.

• tab-title:

  • Removed the event.detail property on the event
    calciteTabsActivate, use event.target instead.

• tabs:

  • Removed the slot tab-nav, use title-group instead.

• time-picker:

  • Removed target parameter from setFocus(), focus will be delegated
    to the first focusable element instead.
  • Removed the property intlHour, use messsageOverrides.hour instead.
  • Removed the property intlHourDown, use messsageOverrides.hourDown instead.
  • Removed the property intlHourUp, use messsageOverrides.hourUp instead.
  • Removed the property intlMeridiem, use messsageOverrides.meridiem instead.
  • Removed the property intlMeridiemDown, use messsageOverrides.meridiemDown instead.
  • Removed the property intlMeridiemUp, use messsageOverrides.meridiemUp instead.
  • Removed the property intlMinute, use messsageOverrides.minute instead.
  • Removed the property intlMinuteUp, use messsageOverrides.minuteUp instead.
  • Removed the property intlMinuteDown, use messsageOverrides.minuteDown instead.
  • Removed the property intlSecond, use messsageOverrides.second instead.
  • Removed the property intlSecondUp, use messsageOverrides.secondUp instead.
  • Removed the property intlSecondDown, use messsageOverrides.secondDown instead.
  • Removed the locale property, use lang instead.

• tip:

  • Renamed the property nonDismissible, use closeDisabled instead.

• tip-manager:

  • Removed the calciteTipManagerToggle event, use
    calciteTipManagerClose instead.

• tooltip-manager: Removed the calcite-tooltip-manager component. This
  component is no longer necessary for calcite-tooltips.

• tree:

  • Added property selectedItems.
  • Removed the event.detail property on the event calciteTreeSelect,
    use event.target instead.
  • Removed the property inputEnabled, use selectionMode="ancestors"
    instead.

• value-list:

  • Removed the property intlDragHandleActive, use messsageOverrides.dragHandleActive instead.
  • Removed the property intlDragHandleChange, use messsageOverrides.dragHandleChange instead.
  • Removed the property intlDragHandleCommit, use messsageOverrides.dragHandleCommit instead.
  • Removed the property intlDragHandleIdle, use messsageOverrides.dragHandleIdle instead.

• value-list-item:

  • Renamed the property disableDeselect, use deselectDisabled
    instead.

Features

• shell-panel: Add built-in translations (#6079) (1c7ff2b), closes #6066

• tip,tip-manager: Add built-in translations (#6074) (683cf07), closes #6066

• shell: Add slots for Modal and Alert (#5983) (d824bf7)

• Add iconFlipRtl prop to all components with a convenience icon prop #5496 (#5878) (30a080b)

• Add built-in translations (#5471) (d754b29), closes #4961

• dropdown-item: Adds the calciteDropdownItemSelect event on any parent element to listen for items when selected (#6015) (b565ac9), closes #5940 #5940

• input, input-number, input-text: Add inputMode and enterKeyHint properties (#5976) (d567a9f), closes #5917

• action: Add built-in translation support for indicator text (#5895) (704db6d), closes #4813

• list-item: Add content slot for specialized content (#5876) (a510773), closes #3032 #3032

• textarea: Add default message bundle (#5870) (c7a8495), closes #863

• input, input-text, input-number: Add attributes autocomplete, accept, multiple, pattern (#5807) (feb4fce), closes #4079

• alert: Support actions-end (#5750) (2447e16)

• list, list-item, list-item-group: Adds support for selecting and filtering list items. Improves accessibility by using aria "treegrid" role. (#4527) (f489c57)

• pick-list, value-list: Add calciteListFilter event, filteredItems prop, filterText prop and filteredData prop. (#5681) (943d208), closes #4333

• popover: Add focus-trap to popover and disableFocusTrap property. (#5725) (a8ef353), closes #2133

• popover: Escape key should close open popovers. (#5726) (2e2621d)

• tabs: Add support for navigating with Home and End keys (#5727) (823c429), closes #5661

• tooltip: Add tooltip open, close, beforeOpen, and beforeClose events (#5772) (64b5675), closes #5734

Bug Fixes

• icon, graphic, loader: Set aria-hidden on internal svg elements (#6069) (4ed3ca0), closes #5616

• combobox: Fix error when typing a custom value (#6071) (246de97), closes #5109 #5109

• rating: 5312 improve user interface (#5948) (a9724dd), closes #5312

• loader: Do not modify display when inline (#6013) (2d91c89), closes #5900 #5900

• popover, modal: Deactivate focus trap on outside click (#5994) (2a66134), closes #5993

• loader: No longer animates when reduced motion is enabled (#5981) (4d994e5), closes #3489

• modal, popover: Add disableFocusTrap property to toggle focus trapping. (#5965) (7ee9e16)

• input, input-number, input-text: Fix infinite loop crashing browser. #5882 (#5961) (190cfac)

• alert: Auto-dismissible retains close button and dismisses timer while a user is hovering over (#5872) (274b104), closes #3338

• action: Add screen reader support for active and indicator props (#5875) (b6bcfa0), closes #4813 #4813

• block: Fix content spacing. #5898 (#5918) (f32ddaa)

• flow: Allow nested flows. (#5897) (214e3be), closes #5896

• list, list-item: Fix focus behavior when clicking on an item (#5901) (552e28f), closes #5899

• modal: OpenCloseComponent emits when setting --calcite-duration-factor to 0 (#5326) (ff19420), closes #5206

• tooltip: Prevent tooltip from appearing above modal overlay (#5873) (f7a5de2), closes #5388 #5388

• list-item: Add hover styling (#5891) (063d6e9), closes #5880

• input-time-picker, input-date-picker: Internal pickers update when changing locales (#5887) (9c2dc42), closes #5855

• modal: Restore deprecated scrim background css property (#5868) (7717127), closes #5866

• alert: Placement of link consistent with notice (#5852) (56e35ab), closes #5254

• pagination: numberingSystem and lang properties work without groupSeparator (#5828) (b21c5d0), closes #5648

• combobox: 5540 - handle focus (#5774) (6a114b6), closes #5540

• tree-item: Allow space and enter key events when selectionMode is "none" (#5800) (2fa483b), closes #5735 #5735

• input-date-picker: Display updated valueAsDate in the two range inputs (#5758) (ea93555), closes #5207

• block: Slow down loading icon spin (#5778) (7b990dc), closes #5776

• setFocus methods should wait for the component to be loaded (#5749) (06d4767)

• block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Set default internal heading to a div. (#5728) (38ca639), closes #5099

• button, fab: adjust padding on 'l' scale button to accommodate 'm' scale icon without change in height (#5659) (d68d95c)

• calcite-loader, calcite-input-message: Drop active in favor of hidden (#5761) (c2e05d1)

• combobox: Wrap and break text on long items (#5672) (4a4d776), closes #5419

• flow-item: Position back tooltip above (#5688) (bb67992)

• inline-editable: Add text-ellipsis when not editing (#5679) (2524e6f), closes #5489

• input-date-picker: Restores mouse clicks on date-picker popup (#5760) (98f28c6)

• input, input-number: Decimals no longer contain groupSeparators and remove leading zeros (#5490) (07142f3)

• value-list-item: Prevent scrolling when space is pressed on drag button (#5709) (81d4c71)

Reverts

• bump semver-regex and screener-storybook (#5741) (#5742) (5718b8d)

Features

• accordion, combobox, dropdown-group, tree: Deprecate "multi" selectionMode and add support for "multiple" selectionMode (#5251) (e89820e)

Bug Fixes

• block: Position internal container relative for dragEnabled (#5717) (7e88173)
• Avoid size changes before and after positioning floating-ui elements (#5695) (3157ff5)
• floating-ui handles visibility and pointer-events on the floating element (#5666) (349c0e5)
• Tweak position reset logic to avoid layout interference (#5696) (2611066)
• dropdown: Fix calculation of max-items for non-Chromium browsers (#5677) (3e4a575), closes #5663
• input-date-picker: Commit value and refresh calendar on blur or Enter key press in the input (#5459) (b991c89)
• link: Fix link underline and icon placement when used with Calcite fonts 2.x (#5650) (3a756e5)
• popover: Adds a new scale property (#5560) (38a0d34)
• tooltip, popover: Fix pointer when text-align is right (#5682) (e7e5a4d), closes #5680
• value-list: No longer display screen reader only text when drag-enabled (#5691) (1e64df1)

Bug Fixes

• date-picker: Prevent cached formatter from conflicting with other numberingSystem components (#5645) (8f459c7)
• input-message,loader: Revert breaking change (#5656) (80376a8)

Features

• alert: Add numberingSystem property (#5340) (ac3746a)
• date-picker, input-date-picker: Add numberingSystem property (#5488) (2e025d8)
• flow-item: Add calciteFlowItemScroll event (#5547) (85e89d6), closes #5546
• stepper, stepper-item: Add numberingSystem property (#5467) (9ca3117)
• time-picker, input-time-picker: Add numberingSystem property (#5301) (7eaf051)
• tree-item: Allow disabling tree-item (#5194) (a16bea2), closes #3772
• Allow lang to be inherited to set component locale (#5338) (3c58569)
• Use pointer events instead of mouse events to improve device compatibility (#5339) (2dcd031)

Bug Fixes

• action-menu: Fix keydown support (#5642) (8297482), closes #5559
• alert, date-picker-month-header, input-date-picker, loader, panel: Adds RTL equivalent CSS (#5368) (9582c04)
• block: Improve content layout (#5473) (2cc0a5f), closes #5422
• button, fab: Bumping the scale of icon to M when the parent Button / FAB is scale L (#5521) (fa508e8)
• calcite-loader, calcite-input-message: Drop active in favor of hidden (#5537) (4cb0ea1)
• date-picker: Display correct date format order in header for zh-CN locale. (#5534) (ef3ebf8)
• date-picker: No longer hides year for zh-CN locale (#5344) (d10593e)
• date-picker-day: Adds RTL equivalent CSS (#5363) (98106c2)
• flow-item: Fix scrollContentTo (#5487) (246e470), closes #5414
• flow-item: Render back button first (#5511) (35b10e7)
• flow-item, panel: Fix layout issue that would cause double scrollbars (#5486) (96dcb78), closes #5428
• input, input-number: NumberingSystem property works correctly (#5427) (2a15c79)
• input, input-number, input-text: Fix input icons not displaying properly in Firefox (#5475) (3d6ba64), closes #5417
• slider: Dragging range fires input event (#5641) (dc48d00), closes #5449
• slider: Fix slider (single-value) error when clicking range (#5533) (519df13), closes #5321
• slider: Thumb no longer appears above track at min (#5397) (dc91d3c)
• stepper-item: Make sure numberingSystem is rendered on load (#5640) (187620a)
• tab: Applies section styles onto the enclosing parent (#5516) (f3e06a4)
• tabs: Bordered and layout center combination works (#5647) (eb7fe04)
• tile-select: Ensure checked tile border is visible within tile-select group (#5390) (0b28dbd)
• tooltip: Prevent opening when closeOnClick is true and referenceElement is clicked quickly (#5643) (35b3fe0), closes #5538
• types: Fix type issue caused by unintentionally moving @floating-ui/dom as a dev dependency (#5649) (3ae1826)
• Add custom logic for floating-ui positioning across shadow DOM in non-Chromium browsers (#5542) (04cb8cb)
• Fix jarring positioning when a closed component is first opened (#5484) (4c939ea)
• tree, tree-item: Works when tree is the topmost element in a shadow root where it has no parent (#5472) (8ac3785), closes #5333
• value-list-item: Change drag handle color (#5543) (49d871d)
• Components should only react to primary button pointer events (#5519) (ed55933)

Features

• flow-item: Add calciteFlowItemBack event and deprecate calciteFlowItemBackClick event (#5343) (8bfcdb2)
• flow-item: Add calciteFlowItemClose event (#5342) (1f06430)
• panel: Add calcitePanelClose event and deprecate calcitePanelDismiss event (#5341) (f5b6a72)
• Use global lang attribute to determine locale, deprecates locale property (#5216) (640cece), closes #4213
• animation: Support reduced motion preference for animations (#5314) (920f5bd)

Bug Fixes

• action-bar, combobox, dropdown, filter, input-date-picker, popover, tooltip: Make methods using debounce/throttle private to prevent lodash type errors (#5335) (eafa135)
• card: Prevent header from overlapping with checkbox (#5325) (c7f50c2), closes #4802
• date-picker-month-header: Adds RTL equivalent CSS (#5365) (174d9ad)
• modal: Fix modal not opening when calcite-hydrated attribute is not applied for open/close eventing (#5383) (ec9f5ad), closes #5396
• panel: Do not close non closable panel on ESC key (#5330) (ed93061), closes #5329
• progress: Text now responds to light/dark theme mode change (#5336) (54a5765)
• tab-nav, tab-title: Centered layout allows to scroll to the extent (#5332) (9163982)

⚠ BREAKING CHANGES

• pagination: For consistency, a groupSeparator prop was introduced to opt-into including the localized, numeric group separator in page numbers. Before this change, page numbers automatically included the group separator when rendered. In order to keep this behavior, developers will need to set groupSeparator = true(prop), or group-separator (attribute)  on the component.
• slider: For consistency, a groupSeparator prop was introduced to opt-into including the localized, numeric group separator in labels. Before this change, labels automatically included the group separator when rendered. In order to keep this behavior, developers will need to set groupSeparator = true (prop), or group-separator (attribute) on the component.

Features

• accordion-item,radio-group-item: Add iconStart and iconEnd properties to replace now deprecated iconPosition and icon properties (#4807) (40a3f11), closes #4688
• flow: Add flow-item component to replace use of panel within a flow (#5129) (6f6316c), closes #5071
• flow-item: Add back button tooltip (#5256) (5100de9)
• input, input-number, input-text: Improve keyboard navigation by preventing the clear button from being focusable (#5219) (c0973b4), closes #2381
• Reflect props if they do not represent content nor rich-data (#5269) (e36bd5a), closes #5069
• action: Add a slot for a calcite-tooltip (#5293) (adc76c2), closes #4414
• input-time-picker: Add overlayPositioning property (#5290) (b3db005)
• input-time-picker: Deprecate active property and add open property (#5179) (7223e66)
• link: Add support for HTMLElement.click() (#5231) (8294509), closes #4212
• pagination: Add groupSeparator property to optionally display separator in page numbers (#5265) (cdcec6a), closes #5259
• slider: Add a groupSeparator property to optionally display separator in label (#5138) (5720f12), closes #4976

Bug Fixes

• checkbox: Hide check icon from screen readers (#5211) (15ef5e6), closes #5131
• input, input-number: Hide non-interactive number up/down buttons from assistive technologies (#5324) (58b1adf)
• Remove unsafe-eval to support CSP script-src (#5299) (2ad4456)
• card: Drop hover/press styling (#5212) (7740137), closes #5204
• combobox, dropdown, input-date-picker, popover, tooltip: Improve floating ui performance (#5289) (9071c87), closes #5286
• input-date-picker: Set end date's time to the end of the day (#5220) (a2166f7), closes #5027
• list-item: Use margin instead of padding when slotting icons (#5277) (5f05989)
• modal: Align close button padding (#5217) (4051a70), closes #5210
• tab: Active indicator width grows with tab-title (#5250) (4e96c15)
• time-picker, input-time-picker: Initialize meridiem at the start of the time for RTL locales (#5246) (4207654), closes #4957
• tree-item: Preserve the alignment of tree-items when selection-mode is none regardless of whether they have children (#5292) (5e23272)