Skip to content

@esri/calcite-components: v2.0.0
Compare
Choose a tag to compare
@calcite-admin calcite-admin released this 02 Dec 03:10
@esri/calcite-components@2.0.0
d6adf55
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

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

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
Assets 2
Loading