Skip to content

v1.0.3

Compare
Choose a tag to compare
@benelan benelan released this 25 Jan 06:01

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)