igniteui-webcomponents - npm Package Versions

[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

[4.2.2] - 2023-03-07

Deprecated

• Button - The prefix/suffix slots are no longer needed and will be removed in the next major release.

Fixed

• Button - UI inconsistencies #675, #679
• Calendar - Fluent theme inconsistencies #653, #672
• Combo - Selection via API doesn't work on a searched list #649
• Dialog - Fluent theme inconsistency #603
• Input - UI inconsistencies #657, #658
• Toast - Fluent theme inconsistency #668
• Components missing in defineAllComponents #691
• Wrong host sizes for Avatar, Badge, Button and Icon Button #669

[4.2.1] - 2023-02-01

Fixed

• Combo - Matching item not activated on filtering in single selection mode