igniteui-webcomponents - npm Package Versions

[5.2.1] - 2025-01-23

Added

• Dialog

  • A new message slot that renders text content inside the dialog component has been added. The enhancement was introduced to align the design behavior between Ignite UI for WC and Ignite UI for Angular, ensuring a consistent user experience across products. The newly added `message' slot comes with additional styling with a max-width of 40 characters. The default slot is also still available for rendering content inside the dialog without limiting the component's width.

Fixed

• List

  • CSS variables are correctly consumed from internal schemas #1538

• Rating

  • Inaccurate value calculation on selection when step is set to 1 #1548

[5.2.0] - 2025-01-09

Added

• Form-associated elements now have a defaultValue property (defaultChecked for radio buttons, checkboxes, and switches). When a form is reset, components will use this property’s value as their new value or checked state.

Changed

• Calendar

  • enabled passing string values to the value, values, and activeDate properties #1467

• Checkbox

  • updated style implementation and improved slotted checkbox styles #1489

• Date-time input

  • enabled passing string values to the value, min, and max properties #1467

• Date picker

  • enabled passing string values to the value, min, max and activeDate properties #1467

• List

  • updated list item internal slots gaps and sizing #1480

• Progressbar

  • the default value label animation now uses CSS counters and animations #1492

• Validation

  • Updated validation constraints to align with the behavior of native HTML elements. For instance, the minlength attribute will now only trigger a tooShort validity state if the component contains a value.

Fixed

• Avatar

  • slotted icon size #1504

• Badge

  • aligned colors with UI kits #1466

• Card

  • actions content alignment in vertical orientation #1472

• Combo

  • rendering issue after Edge browser autofill behavior #1497

• Checkbox

  • removed extra gap between the checkbox and the label #1479
  • tick color in disabled state #1528

• Dialog

  • removed vertical padding in Bootstrap theme #1471
  • Fluent theme typography #1475

• Dropdown

  • remove vertical padding in Bootstrap theme #1471

• Input

  • input type search does not interfere with the outline variant in Material theme #1520
  • step validation for numeric input #1522
  • helper-text color in invalid state #1525

• List

  • discrepancies between the list and the UI kits #1488

• Radio

  • remove label part when there is not slotted content #1482

• Textarea

  • label position in Material theme #1518
  • helper-text color in disabled state #1519
  • remove layout space for hidden content in prefix/suffix slots #1526

• Icon service

  • reduce sync events between copies of the service in different tabs #1532

[5.1.2] - 2024-11-04

Added

• Carousel component select method overload accepting index #1457

Fixed

• Tabs - nested tabs selection #713

[5.1.1] - 2024-10-28

Fixed

• Library - internal import path for styles and public exports for themes

[5.1.0] - 2024-10-25

Added

• Carousel component #1226
• Form associated custom elements validation messages #1254

Changed

• Library - migrated palettes to relative colors #1432
• Badge - update themes #1399
• Card - update themes #1414
• Chips - update themes #1408 #1416
• Dropdown - update themes #1409
• Expansion panel - update themes #1415
• Icon - update theme references #1404 #1423
• Tabs - update themes #1408

Fixed

• Checkbox, Switch - click event fires more than once #1427
• Radio - click event fires more than once #1428
• Library - export components event maps through the main package entrypoint #1422
• Calendar - cannot select dates before UNIX epoch #1443

[5.0.2] - 2024-09-25

Added

• Calendar, Date picker - added header-date slot; renders content instead of the current date/range in the calendar header #1329

Changed

• Input - label typography #1363
• Calendar, Select, Combo - updated to latest Indigo theme #1337

Fixed

• Navigation drawer - use min-width in the mini variant #1394

[5.0.1] - 2024-08-30

Added

• Checkbox, Radio, Switch - Exported the CheckboxChangeEventArgs and RadioChangeEventArgs types for public use, providing more flexibility and control over event handling.

Fixed

• Select - Resolved an issue where pressing the Tab key while a Select component's dropdown was open would incorrectly return focus to the document. Now, focus is correctly returned to the Select component after closing the dropdown.
• Radio - Prevented form submission if a Radio component/group is invalid on initial render within a form context. This ensures that forms with invalid Radio components are not submitted prematurely.

[5.0.0] - 2024-08-27

Added

• Icon Registry #1304
  • You can now register and replace icons by reference via the setIconRef function. To learn more check out the documentation.
  • All components now use icons by reference internally so that it's easy to replace them without explicitly providing custom templates.

Changed

• BREAKING: Removed igcFocus and igcBlur events from buttons and inputs - Button, Icon Button, Checkbox, Switch, Combo, Date Time Input, Input, Mask Input, Radios, Select, Textarea.

  Use the native focus & blur events instead.

  Before:

  const input = document.createElement('igc-input');
  input.addEventListener('igcFocus', focusHandler);
  

  Now:

  input.addEventListener('focus', focusHandler);
  

• BREAKING: Checkbox, Switch igcChange event.

  Before:

  CustomEvent<boolean>
  

  Now:

  CustomEvent<{ checked: boolean; value: string | undefined }>
  

• BREAKING: Radio igcChange event.

  Before:

  CustomEvent<boolean>
  

  Now:

  CustomEvent<{ checked: boolean; value: string | undefined }>
  

Removed

• BREAKING: igc-form - use the native form element instead.
• BREAKING: Range slider - ariaThumbLower/ariaThumbUpper. Use thumbLabelLower/thumbLabelUpper instead.
• BREAKING: Rating - readonly property. Use readOnly instead.
• BREAKING: Dialog - closeOnEscape property. Use keepOpenOnEscape.
• BREAKING: Combo, Select - positionStrategy, flip, sameWidth removed.
• BREAKING: Dropdown - positionStrategy removed.
• BREAKING: Input - readonly, inputmode, maxlength and minlength. Use the native readOnly, inputMode, maxLength and minLength properties instead.
• BREAKING: Date-time-input - minValue/mavValue are removed. Use min/max instead.
• BREAKING: Removed size property from components.

Fixed

• Date-time input - update masked value according to the input format on focus when value is set #1320
• Radio - do not emit change event on already checked radio
• Calendar - add correct dates DOM parts based on active view [#1278]
• Date-picker, Dropdown & Select - showing the component programmatically in response to an outside click event closes the dropdown popover #1339
• Radio - Initially checked radio by attribute throws error when not being last sibling #1356