igniteui-webcomponents - npm Package Versions

[4.7.0] - 2024-01-05

Added

• Tree - Added toggleNodeOnClick property that determines whether clicking over a node will change its expanded state or not. Defaults to false. #1003.

• Rating - allowReset added. When enabled selecting the same value will reset the component #1014. Behavioral change

  In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.

Changed

• Improved WAI-ARIA compliance for Avatar, Badge and Combo components #1007

Fixed

• Active item visual styles for Dropdown, Select and Combo components #1002
• Navigation drawer - mini variant broken visual style #1011

[4.6.0] - 2023-12-05

Added

• action slot added to Snackbar #974
• indicator-expanded slot added to Expansion panel #982
• toggle-icon-expanded slot added to Select #983
• Select, Dropdown - exposed selectedItem, items and groups getters

Changed

• Updated the package to Lit v3
• Components dark variants are now bound to their shadow root #940
• Components implement default sizes based on current theme #977
• Button group - changed events to non-cancellable #984
• Optimized components CSS and reduced bundle size #972
• WAI-ARIA improvements for Icon, Select, Dropdown and List components #980 #983

Fixed

• Textarea missing styling parts #944
• Tree item disabled styles #949
• Snackbar removed unnecessary styles #960
• Tree item hover state visual design #987
• Calendar not keeping focus state when switching views #992

[4.5.0] - 2023-10-09

Added

• Text area component #764
• Button group component #827
• Toggle button component #877
• Navigation drawer now supports CSS transitions #922
• Position attribute for toast and snackbar #934

Deprecated

• The size property and attribute have been deprecated for all components. Use the --ig-size CSS custom property instead. The following example sets the size of the avatar component to small:

    igc-avatar {
      --ig-size: var(--ig-size-small);
    }
  

Fixed

• Combo items position in Safari #903
• Calendar navigation buttons in RTL context #915
• Export IgcComboChangeEventArgs type #917
• Combo value and selection states with lazy data binding #937
• Various style and theming fixes and adjustments

[4.4.0] - 2023-08-30

Added

• The following components are now Form Associated Custom Elements. They are automatically associated with a parent <form> and behave like a browser-provided control:
  • Button & Icon button
  • Checkbox
  • Combo
  • DateTime input
  • Input
  • Masked input
  • Radio
  • Rating
  • Single slider
  • Select
  • Switch
• Stepper now supports animations #861

Changed

• Rating fluent theme colors #481
• Stepper indicator styles and color schemas #766 #868

Deprecated

• IgcForm component is deprecated
• Input component:
  • minlength property is deprecated and will be removed in the next major version. Use minLength instead.
  • maxlength property is deprecated and will be removed in the next major version. Use maxLength instead.
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
• Mask input component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
• DateTime input component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
  • minValue property is deprecated and will be removed in the next major version. Use min instead.
  • maxValue property is deprecated and will be removed in the next major version. Use max instead.
• Rating component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.

Removed

• Removed our own dir attribute which shadowed the default one. This is a non-breaking change.
• Slider - ariaLabel shadowed property. This is a non-breaking change.
• Checkbox - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• Switch - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• Radio - ariaLabelledBy shadowed attribute. This is a non-breaking change.

Fixed

• Input - outlined variant styling issues #875 and indigo theme issues #879
• Select - outlined variant styling issues #880
• DateTime Input - spinUp/spinDown calls moving the caret when the input is focused #859

[4.3.1] - 2023-08-02

Added

• Tree - component animations #846
• Components border radius is consumed from their schemas #805

Changed

• Combo, Input, Select - schema colors #767
• Dropdown - schema colors #828
• Icon - updated theming styles and size #813

Fixed

• Combo - single selection not working in certain scenarios #816
• Dropdown - various styling fixes #841 #848
• Icon button - border radius with ripple #839
• Icon button - fixed wrong color in Fluent theme #845
• Input - various styling fixes #818 #832 #844
• Tree Item - assign closest igc-tree-item ancestor as a parent #829
• Tabs - internal hidden styles and custom display property #851

[4.3.0] - 2023-06-28

Added

• Combo: Added matchDiacritics to the filtering options property. Defaults to false. If set to true the filter distinguishes between accented letters and their base letters. Otherwise strings are normalized and then matched.
• Combo: Added selection property which returns the current selection as an array of data objects.
• Card: Support explicit height
• Dialog: Added animations
• Snackbar: Added animations
• Toast: Added animations

Changed

• Combo: value is no longer readonly and can be explicitly set. The value attribute also supports declarative binding, accepting a valid JSON stringified array.
• Combo: value type changed from string[] to ComboValue<T>[] where

  ComboValue<T> = T | T[keyof T]
  

• Combo: igcChange event object properties are also changed to reflect tee new value type:

  interface IgcComboChangeEventArgs<T> {
  newValue: ComboValue<T>[];
  items: T[];
  type: ComboChangeType;
  }
  

Deprecated

• Select: Deprecated sameWidth, positionStrategy and flip. They will be removed in the next major release.

Fixed

• Select: prefix/suffix/helper-text slots not being rendered #722
• Tabs: Nested tabs selection #713
• Dialog: Backdrop doesn't overlay elements #727
• Dropdown: Listbox position on initial open state #723
• Stepper: Stretch vertically in parent container #738
• Navbar: Wrong colors in fluent theme #719
• Animation player throws errors when height is unspecified #793
• DateTimeInput: Intl.DateTimeFormat issues in Chromium based browsers #803

[4.2.3] - 2023-04-03

Deprecated

• Dialog - Property closeOnEscape is deprecated in favor of new property keepOpenOnEscape.

Fixed

• Radio Button- colors in selected focus state #685
• Icon Button - set icon size to match other design system products #598, #695
• Chip - removed outline styles for Fluent and Material themes #702
• Calendar - navigation to date on set value #436
• Tabs - not taking the full height of their parents #710