igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
851 lines (748 loc) • 89.3 kB
Markdown
# Ignite UI Web Components Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](http://keepachangelog.com/)
and this project adheres to [Semantic Versioning](http://semver.org/).
## [7.2.4] - 2026-06-29
### Added
- #### Form associated custom elements with external labels
- External `<label>` associations are now resolved to the underlying native input of form-associated controls. Associating a label with `IgcInput`, `IgcMaskInput`, `IgcTextarea`, `IgcDateTimeInput`, `IgcSelect`, `IgcCombo`, `IgcDatePicker`, or `IgcDateRangePicker` — either through the `for`/`id` IDREF mechanism or by nesting the component inside the `<label>` — now correctly exposes the label to assistive technologies and focuses the inner input on label activation. [#2263](https://github.com/IgniteUI/igniteui-webcomponents/pull/2263)
### Changed
- #### AI-Assisted Development
- Improved grid related skills [#2250](https://github.com/IgniteUI/igniteui-webcomponents/pull/2250)
### Fixed
- #### Tabs
- Prevent selected tab header from scrolling into view on initial render [#2268](https://github.com/IgniteUI/igniteui-webcomponents/pull/2268)
## [7.2.3] - 2026-06-18
### Fixed
- #### Popover based components
- Popover reposition jitter in `position: sticky` ancestors [#2256](https://github.com/IgniteUI/igniteui-webcomponents/pull/2256)
- #### Tile Manager
- Text selection in Safari during drag operations [#2257](https://github.com/IgniteUI/igniteui-webcomponents/pull/2257)
- Tile manager height collapse when a spanning tile is maximized [#2257](https://github.com/IgniteUI/igniteui-webcomponents/pull/2257)
## [7.2.2] - 2026-06-15
### Changed
- #### AI-Assisted Development
- Decreased token consumption of skills and improved migration skill from grid lite to premium offering [#2243](https://github.com/IgniteUI/igniteui-webcomponents/pull/2243) [#2239](https://github.com/IgniteUI/igniteui-webcomponents/pull/2239)
- #### Snackbar, Toast
- Abstracted container positioning property into a new type `NotificationPositioning` [#2251](https://github.com/IgniteUI/igniteui-webcomponents/pull/2251)
### Fixed
- #### Expansion Panel
- Line height for title and sub-title slots [#2237](https://github.com/IgniteUI/igniteui-webcomponents/pull/2237)
## [7.2.1] - 2026-05-27
### Fixed
- Internal library metadata issue
## [7.2.0] - 2026-05-27
### Added
- #### Date Range Picker
- Added support for editing the date range value directly via a single input field. [#1733](https://github.com/IgniteUI/igniteui-webcomponents/pull/1733)
- #### Nav Drawer
- The drawer for non-relative positions are now implemented using the native Popover API, providing built-in modal semantics, focus trapping, and accessibility support. [#2194](https://github.com/IgniteUI/igniteui-webcomponents/pull/2194)
- Added `keepOpenOnEscape` property — prevents the drawer from closing when the user presses the **Escape** key (non-relative positions only). [#2194](https://github.com/IgniteUI/igniteui-webcomponents/pull/2194)
- Added `igcClosing` event — emitted just before the drawer is closed by user interaction. Cancelable. [#2194](https://github.com/IgniteUI/igniteui-webcomponents/pull/2194)
- Added `igcClosed` event — emitted just after the drawer is closed by user interaction. [#2194](https://github.com/IgniteUI/igniteui-webcomponents/pull/2194)
- #### Invoker Commands API
- `igc-button` and `igc-icon-button` now support `command` and `commandfor` properties, enabling declarative control of target components without JavaScript. [#2225](https://github.com/IgniteUI/igniteui-webcomponents/pull/2225)
- `igc-banner`, `igc-dialog`, `igc-nav-drawer`, `igc-snackbar`, and `igc-toast` now respond to `--show`, `--hide`, and `--toggle` commands dispatched by an invoker button. [#2225](https://github.com/IgniteUI/igniteui-webcomponents/pull/2225)
- #### Snackbar
- Added `positioning` property (`viewport` | `container`). The component now renders as a popover in the browser top layer. Setting `positioning` to `container` anchors the component to its nearest visible ancestor instead of the viewport. [#2203](https://github.com/IgniteUI/igniteui-webcomponents/pull/2203)
- #### Toast
- Added `positioning` property (`viewport` | `container`). The component now renders as a popover in the browser top layer. Setting `positioning` to `container` anchors the component to its nearest visible ancestor instead of the viewport. [#2203](https://github.com/IgniteUI/igniteui-webcomponents/pull/2203)
### Changed
- #### AI-Assisted Development
- Updated and enhanced the library provided skills [#2232](https://github.com/IgniteUI/igniteui-webcomponents/pull/2232)
- #### Form controls
- `IgcInput`, `IgcMaskInput`, `IgcDateTimeInput`, `IgcCheckbox`, `IgcRadio`, `IgcSwitch`, `IgcDatePicker`, and `IgcDateRangePicker` now submit their associated form on **Enter** key press, matching native browser behavior. [#2213](https://github.com/IgniteUI/igniteui-webcomponents/pull/2213)
- #### Input
- Added theming support for `date`, `time`, `datetime-local`, `week`, and `month` input types, ensuring consistent styles and floating label behavior across all supported themes. [#2223](https://github.com/IgniteUI/igniteui-webcomponents/pull/2223)
- #### Nav Drawer
- The `overlay` CSS part has been removed. Users of the component can target the `base` part's `::backdrop` pseudo-element, the
`--ig-overlay-background-color` variable or use the theming package. [#2194](https://github.com/IgniteUI/igniteui-webcomponents/pull/2194)
### Deprecated
- #### Localization
- The old resource string interfaces for `Calendar`, `Chat`, `Date Picker`, and `Date Range Picker` are deprecated. Components now use the new `igniteui-i18n` resource keys. Setting individual `resourceStrings` properties directly is no longer supported; provide a complete resource strings object instead. [#2169](https://github.com/IgniteUI/igniteui-webcomponents/pull/2169)
### Fixed
- #### Button Group
- Selected state border color mismatch in focused and hover states. [#2219](https://github.com/IgniteUI/igniteui-webcomponents/pull/2219)
- #### Combo
- Display value not restored correctly when tabbing out in single-select mode with a partial search text. [#2224](https://github.com/IgniteUI/igniteui-webcomponents/pull/2224)
- #### Stepper
- Step components connected to the DOM before their parent stepper now correctly receive context after being adopted by a stepper. [#2228](https://github.com/IgniteUI/igniteui-webcomponents/pull/2228)
## [7.1.3] - 2026-04-28
### Changed
- #### AI-Assisted Development
- Updated and enhanced the library provided skills [#2207](https://github.com/IgniteUI/igniteui-webcomponents/pull/2207)
### Fixed
- #### Stepper
- In horizontal orientation, the content area height can now driven by the active step's content instead of always being sized to the tallest step. A new `--body-grid-rows` CSS custom property controls the internal row sizing of each step body — its default value of `1fr` expands the body to fit its content, while setting it to `0fr` collapses the body to zero height, enabling fully variable step heights. [#2209](https://github.com/IgniteUI/igniteui-webcomponents/issues/2209)
## [7.1.2] - 2026-04-22
### Changed
- #### AI-Assisted Development
- Updated and enhanced the library provided skills [#2189](https://github.com/IgniteUI/igniteui-webcomponents/pull/2189) [#2195](https://github.com/IgniteUI/igniteui-webcomponents/pull/2195) [#2198](https://github.com/IgniteUI/igniteui-webcomponents/pull/2198)
- #### Button group
- Themes colors alignment [#2182](https://github.com/IgniteUI/igniteui-webcomponents/pull/2182)
- #### Circular progressbar
- Unified track color CSS variable between progress bars [#2185](https://github.com/IgniteUI/igniteui-webcomponents/pull/2185)
- #### Chip
- Wrap content inside a new part container and update styles [#2190](https://github.com/IgniteUI/igniteui-webcomponents/pull/2190)
### Fixed
- #### Dropdown
- Selected item styles [#2168](https://github.com/IgniteUI/igniteui-webcomponents/pull/2168)
- #### Linear progressbar
- Unified display size across platforms [#2184](https://github.com/IgniteUI/igniteui-webcomponents/pull/2184)
- #### Tree
- Background style discrepancies [#2173](https://github.com/IgniteUI/igniteui-webcomponents/pull/2173)
## [7.1.1] - 2026-03-25
### Changed
- #### Checkbox
- Updated disabled and indeterminate styles [#2158](https://github.com/IgniteUI/igniteui-webcomponents/pull/2158)
## [7.1.0] - 2026-03-19
### Added
- Splitter component
- Highlight container component
### Fixed
- #### Combo
- Use focus color for clear button background #[2140](https://github.com/IgniteUI/igniteui-webcomponents/pull/2140)
- #### Stepper
- Box shadow values for step indicators #[2133](https://github.com/IgniteUI/igniteui-webcomponents/pull/2133)
- #### Tabs
- Scrolling behavior for tabs content #[2149](https://github.com/IgniteUI/igniteui-webcomponents/pull/2149)
## [7.0.1] - 2026-03-06
### Fixed
- #### Icon service
- Browser Safari: Use a plain Map instance for synchronizing state between actors [#2128](https://github.com/IgniteUI/igniteui-webcomponents/pull/2128)
## [7.0.0] - 2026-02-25
### Added
- #### AI-Assisted Development - Copilot Skills
- Four end-user skills are now shipped with the package under the `skills/` directory. They provide step-by-step guidance to GitHub Copilot and other LLM agents for common tasks:
- **igniteui-wc-choose-components** - Identify the right component for a given UI pattern.
- **igniteui-wc-integrate-with-framework** - Set up and use components in React, Angular, Vue, or vanilla JS.
- **igniteui-wc-customize-component-theme** - Apply custom styles via CSS custom properties, parts, and the theming system.
- **igniteui-wc-optimize-bundle-size** - Reduce production bundle size through selective imports and lazy loading.
To enable the skills in your project, copy the skill folders into your repository's `.github/skills/` directory so Copilot can automatically discover them:
**Unix/macOS:**
```sh
cp -r node_modules/igniteui-webcomponents/skills/* .github/skills/
```
**Windows (PowerShell):**
```powershell
Copy-Item -Recurse node_modules\igniteui-webcomponents\skills\* .github\skills\
```
**Windows (Command Prompt):**
```cmd
xcopy /E /I node_modules\igniteui-webcomponents\skills .github\skills
```
Copilot supports project skills stored in `.github/skills` or `.claude/skills` in your repository, and personal skills stored in `~/.copilot/skills` or `~/.claude/skills` (shared across projects; Copilot coding agent and GitHub Copilot CLI only).
- #### Chat
- **adoptRootStyles** can now be toggled on/off at runtime. [#2093](https://github.com/IgniteUI/igniteui-webcomponents/pull/2093)
### Changed
- #### Library
- Minimum Node version required is now >= 22.
- #### Themes - **Breaking change**
- Changed global prefixes for CSS custom properties for component themes to align with other Ignite UI component libraries.
### Removed
- #### Chat
- Removed the **typingIndicator** template renderer. Users can use the **typing-indicator** slot instead.
- #### Tooltip
- Removed the **disableArrow** deprecated property.
### Fixed
- #### Carousel
- Context instantiation in Blazor. [#2033](https://github.com/IgniteUI/igniteui-webcomponents/pull/2033)
- #### Combo
- Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)
- #### Textarea
- Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)
## [6.5.1] - 2026-02-04
### Fixed
- #### Calendar
- aria-hidden state for weeks outside of the current month [#2079](https://github.com/IgniteUI/igniteui-webcomponents/pull/2079)
- #### Date picker
- CSS border for slotted actions in dialog mode [#2078](https://github.com/IgniteUI/igniteui-webcomponents/pull/2078)
- #### Input
- Placeholder color on focus [#2068](https://github.com/IgniteUI/igniteui-webcomponents/pull/2068)
- CSS border when suffix slot content is present [#2073](https://github.com/IgniteUI/igniteui-webcomponents/pull/2073)
- #### Textarea
- Align bottom padding to the design system [#2069](https://github.com/IgniteUI/igniteui-webcomponents/pull/2069)
- #### Validation
- Slotted validation text follows the current theme [#2063](https://github.com/IgniteUI/igniteui-webcomponents/pull/2063)
## [6.5.0] - 2026-01-20
### Added
- Added theming scoping container [#2056](https://github.com/IgniteUI/igniteui-webcomponents/pull/2056)
- The `igc-theme-provider` component allows you to scope themes to specific parts of your page using Lit's context API. This enables having multiple different themes on the same page.
- Works both in Shadow and Light DOM.
- **Shadow DOM Usage**: When building custom web components with Shadow DOM, you can apply scoped themes by importing the theme CSS and wrapping your content with `igc-theme-provider`:
```typescript
import { LitElement, html } from 'lit';
import { styles as materialDark } from 'igniteui-webcomponents/themes/dark/material.css.js';
class MyComponent extends LitElement {
static styles = [materialDark];
render() {
return html`
<style>
/* Additional component-specific styles */
</style>
<igc-theme-provider theme="material" variant="dark">
<igc-button>Scoped Material Dark Button</igc-button>
<igc-input label="Scoped Input"></igc-input>
</igc-theme-provider>
`;
}
}
```
- **Light DOM with @scope**: For Light DOM usage, you can leverage CSS `@scope` to apply themes to specific page sections:
```html
<style>
@scope (#fluent-section) {
@import 'node_modules/igniteui-webcomponents/themes/light/fluent.css';
}
@scope (#material-section) {
@import 'node_modules/igniteui-webcomponents/themes/dark/material.css';
}
</style>
<div id="fluent-section">
<igc-theme-provider theme="fluent" variant="light">
<igc-button>Fluent Light Button</igc-button>
<igc-card>
<igc-card-header>Fluent Theme Card</igc-card-header>
</igc-card>
</igc-theme-provider>
</div>
<div id="material-section">
<igc-theme-provider theme="material" variant="dark">
<igc-button>Material Dark Button</igc-button>
<igc-input label="Material Input"></igc-input>
</igc-theme-provider>
</div>
```
### Fixed
- #### Tile manager
- Header is hidden only when there is no content and maximize/fullscreen are disabled [#2059](https://github.com/IgniteUI/igniteui-webcomponents/pull/2059)
- #### Theming
- Resolve initial theme based on document computed styles rather than stylesheets [#2061](https://github.com/IgniteUI/igniteui-webcomponents/pull/2061)
## [6.4.0] - 2025-12-15
### Added
- #### Localization
- New localization implementation. Now you can set global localization for all localized Ignite UI components using the `registerI18n` and `setCurrentI18n` methods.
- Calendar, Date Input, Date Picker and Date Range Picker components now implement the new localization for formatting as well, which internally uses new implementation of the Intl.
- Added localization for Carousel, Chip, Combo, File Input and Tree. They now have `locale` and `resourceStrings` properties as well, which you can set to customize them individually.
- #### Badge
- New **dot** type, improved outline implementation following WCAG AA accessibility standards and theme based sizing. [#1889](https://github.com/IgniteUI/igniteui-webcomponents/pull/1889)
- #### Checkbox
- New `--tick-width` CSS property. [#1897](https://github.com/IgniteUI/igniteui-webcomponents/pull/1897)
- #### Combo
- New `disableClear` property which disables the clear button of the combo component. [#1896](https://github.com/IgniteUI/igniteui-webcomponents/pull/1896)
- #### Mask input
- Transform unicode digit code points to ASCII numbers for numeric patterns. [#1907](https://github.com/IgniteUI/igniteui-webcomponents/pull/1907)
### Changed
- **License Update**: The project license has been updated to the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI Web Components.
- #### Accessibility
- Accessibility color adjustments. [#1959](https://github.com/IgniteUI/igniteui-webcomponents/pull/1959)
- #### Button
- Updated and aligned styles with the design kit. [#1996](https://github.com/IgniteUI/igniteui-webcomponents/pull/1996)
- #### Calendar
- Updated and aligned styles with the design kit. [#1899](https://github.com/IgniteUI/igniteui-webcomponents/pull/1899)
- #### Carousel
- Updated and aligned styles with the design kit. [#1883](https://github.com/IgniteUI/igniteui-webcomponents/pull/1883)
- #### Chat
- `adoptRootStyles` now also affects the input area custom renderers. [#1945](https://github.com/IgniteUI/igniteui-webcomponents/pull/1945)
- Renamed `input-container` part to `input-area`. [#1954](https://github.com/IgniteUI/igniteui-webcomponents/pull/1954)
- #### Combo
- Use the native `Map.groupBy` for grouping. [#1802](https://github.com/IgniteUI/igniteui-webcomponents/pull/1802)
- Improved the keyboard navigation experience. [#1529](https://github.com/IgniteUI/igniteui-webcomponents/pull/1529)
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
- #### Date picker
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
- #### Date range picker
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
- #### Input
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
- #### Select
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
- #### Textarea
- Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
### Fixed
- #### Sass theme support
- Components can be styled using the Sass tools from the theming package. [#1909](https://github.com/IgniteUI/igniteui-webcomponents/issues/1909) [#1926](https://github.com/IgniteUI/igniteui-webcomponents/issues/1926) [#1920](https://github.com/IgniteUI/igniteui-webcomponents/issues/1920) [#1933](https://github.com/IgniteUI/igniteui-webcomponents/issues/1933) [#1966](https://github.com/IgniteUI/igniteui-webcomponents/issues/1966) [#1972](https://github.com/IgniteUI/igniteui-webcomponents/issues/1972) [#1929](https://github.com/IgniteUI/igniteui-webcomponents/issues/1929) [#1935](https://github.com/IgniteUI/igniteui-webcomponents/issues/1935) [#1980](https://github.com/IgniteUI/igniteui-webcomponents/issues/1980) [#1991](https://github.com/IgniteUI/igniteui-webcomponents/issues/1991) [#2015](https://github.com/IgniteUI/igniteui-webcomponents/issues/2015)
- #### Calendar
- Focus styles for month/year views. [#2030](https://github.com/IgniteUI/igniteui-webcomponents/issues/2030)
- #### Combo
- Notch border styles. [#1965](https://github.com/IgniteUI/igniteui-webcomponents/issues/1965)
- #### Chat
- Suggestions rendered at the wrong location when no header is present. [#1908](https://github.com/IgniteUI/igniteui-webcomponents/pull/1908)
- Correct sequence and type for chat user typing events. [#1906](https://github.com/IgniteUI/igniteui-webcomponents/pull/1906)
- `adoptRootStyles` correctly skips `@import` CSS rules from the page stylesheets. [#1931](https://github.com/IgniteUI/igniteui-webcomponents/pull/1931)
- `adoptRootStyles` is correctly re-applied on theme swap. [#1950](https://github.com/IgniteUI/igniteui-webcomponents/pull/1950)
- Replaced hardcoded `ig-size` style variable. [#1975](https://github.com/IgniteUI/igniteui-webcomponents/pull/1975)
- #### Checkbox & Switch
- Internal ripple opacity when hovering over slotted content in the **helper-text** slot. [#1964](https://github.com/IgniteUI/igniteui-webcomponents/issues/1964)
- #### Date input, Date picker, Date range picker
- Default display format now follows strictly locale format as per specification without leading zeros.
- #### Dialog
- Underlying dialog element now has `display: contents` and won't participate in DOM layout. [#1947](https://github.com/IgniteUI/igniteui-webcomponents/issues/1947)
- `keepOpenOnEscape` not preventing the dialog from closing when **Escape** is pressed. [#1986](https://github.com/IgniteUI/igniteui-webcomponents/issues/1986)
- Base styles and theming. [#1997](https://github.com/IgniteUI/igniteui-webcomponents/issues/1997)
- #### List & List item
- Added missing styles for slotted **igc-icon** in the list item. [#1985](https://github.com/IgniteUI/igniteui-webcomponents/issues/1985)
- Icon and icon button sizes for the Indigo theme. [#2010](https://github.com/IgniteUI/igniteui-webcomponents/issues/2010)
- #### Mask input
- Auto-fill behavior for mask patterns with literals. [#2006](https://github.com/IgniteUI/igniteui-webcomponents/issues/2006)
- #### Navbar
- Icon and icon button sizes. [#1956](https://github.com/IgniteUI/igniteui-webcomponents/issues/1956)
- #### Select
- Color for outlined type. [#1957](https://github.com/IgniteUI/igniteui-webcomponents/issues/1957)
- #### Tabs
- Add active pseudo-elements backgrounds for the active tab in Material theme. [#1998](https://github.com/IgniteUI/igniteui-webcomponents/issues/1998)
- Take scale factor when positioning the active tab indicator. [#2008](https://github.com/IgniteUI/igniteui-webcomponents/issues/2008)
- Selected indicator alignment [#2028](https://github.com/IgniteUI/igniteui-webcomponents/issues/2028)
- #### Tooltip
- Do not show the tooltip when the tooltip target is clicked. [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
- Removed the **max-width** constraint for slotted content. [#1936](https://github.com/IgniteUI/igniteui-webcomponents/issues/1936)
## [6.3.6] - 2025-11-14
### Fixed
- #### Date picker
- Value not committed on browser auto-fill behavior [#1932](https://github.com/IgniteUI/igniteui-webcomponents/pull/1932)
## [6.3.5] - 2025-11-13
### Changed
- **License Update**: The project license has been updated to the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI Web Components.
## [6.3.4] - 2025-10-22
### Fixed
- #### Date picker
- Issues when clearing the value and notch border in Material theme [#1894](https://github.com/IgniteUI/igniteui-webcomponents/pull/1894)
- #### Textarea
- Stale internal input reference when switching between themes
## [6.3.3] - 2025-10-14
### Fixed
- #### Chat
- Message actions not rendered after last message [#1882](https://github.com/IgniteUI/igniteui-webcomponents/pull/1882)
- #### Date picker
- Change event not emitted for non-editable input configuration [#1885](https://github.com/IgniteUI/igniteui-webcomponents/pull/1885)
## [6.3.2] - 2025-10-07
### Added
- #### Chat
- Updated markdown renderer code styles to integrate with the package theming [#1868](https://github.com/IgniteUI/igniteui-webcomponents/pull/1868)
### Fixed
- #### Card
- Consume colors from themes [#1871](https://github.com/IgniteUI/igniteui-webcomponents/pull/1871)
- Avatar size in card header [#1873](https://github.com/IgniteUI/igniteui-webcomponents/pull/1873)
## [6.3.1] - 2025-09-18
### Fixed
- peerDependencies versions
## [6.3.0] - 2025-09-18
### Added
- Chat component
### Fixed
- #### List
- removed duplicated CSS variables across list components and themes [#1853](https://github.com/IgniteUI/igniteui-webcomponents/pull/1853)
## [6.2.2] - 2025-09-16
### Fixed
- Minor bug fixes around styles
## [6.2.1] - 2025-09-01
### Added
- #### Date picker
- set picker calendar's active date on user input [#1819](https://github.com/IgniteUI/igniteui-webcomponents/pull/1819)
### Fixed
- #### Calendar
- Navigation styling [#1831](https://github.com/IgniteUI/igniteui-webcomponents/pull/1831)
- #### Card
- Slotted `igc-avatar` size styles in supported themes [#1833](https://github.com/IgniteUI/igniteui-webcomponents/pull/1833)
- #### Combo
- Dropdown initial height [#1826](https://github.com/IgniteUI/igniteui-webcomponents/pull/1826)
- Icon sizes styles for Indigo theme [#1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)
- #### Date picker, Date range picker
- Disabled styles [#1834](https://github.com/IgniteUI/igniteui-webcomponents/pull/1834)
- #### Input
- Prefix and suffix slot styles for Bootstrap theme [#1820](https://github.com/IgniteUI/igniteui-webcomponents/pull/1820)
- Label and border styles for Material theme [#1824](https://github.com/IgniteUI/igniteui-webcomponents/pull/1824)
- Removed overridden tabindex property [#1836](https://github.com/IgniteUI/igniteui-webcomponents/pull/1836)
- #### Select
- Icon sizes styles for Indigo theme [#1827](https://github.com/IgniteUI/igniteui-webcomponents/pull/1827)
- #### Switch
- Use the new thumb hover property [#1809](https://github.com/IgniteUI/igniteui-webcomponents/pull/1809)
- #### Tile manager
- Incorrect escape of internal regex [#1837](https://github.com/IgniteUI/igniteui-webcomponents/pull/1837)
## [6.2.0] - 2025-08-04
### Added
- Form associated custom elements now expose the **ig-invalid** custom state for styling with the `:state()` CSS selector.
[See here for additional information](https://developer.mozilla.org/en-US/docs/Web/CSS/:state)
### Changed
- Form associated custom elements validity behavior. Now elements will try to mimic `:user-invalid`, and won't apply invalid
styles unless interacted through the UI or through a form `requestSubmit()/reset()` invocation.
### Fixed
- #### All igc-input based components
- Invalid state in **readonly** mode [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
- Cannot style **helper-text** parts [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
- #### Card
- Slotted igc-avatar in Indigo theme [#1795](https://github.com/IgniteUI/igniteui-webcomponents/pull/1795)
- #### Combo
- Border overlaps label text in invalid state [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
- #### Date picker
- Indigo elevation styles [#1799](https://github.com/IgniteUI/igniteui-webcomponents/pull/1799)
- #### Date range picker
- Return focus to main input on keyboard interactions [#1783](https://github.com/IgniteUI/igniteui-webcomponents/pull/1783)
- #### Input
- Placeholder and label alignment in Material theme [#1792](https://github.com/IgniteUI/igniteui-webcomponents/pull/1792)
- #### Navigation drawer
- Update *relative* positions styles and animation [#1806](https://github.com/IgniteUI/igniteui-webcomponents/pull/1806)
- #### Select
- Invalid state theming issues [#1786](https://github.com/IgniteUI/igniteui-webcomponents/pull/1786)
- #### Textarea
- Material theme interaction issues [#1797](https://github.com/IgniteUI/igniteui-webcomponents/pull/1797)
- Resizing behavior with suffix part [#1797](https://github.com/IgniteUI/igniteui-webcomponents/pull/1797)
## [6.1.2] - 2025-07-14
### Added
- #### File input
- Exposed CSS variables for styling most of the Shadow DOM parts [#1747](https://github.com/IgniteUI/igniteui-webcomponents/pull/1747)
### Fixed
- #### Calendar
- Vertical mode container paddings [#1775](https://github.com/IgniteUI/igniteui-webcomponents/pull/1775)
- #### Carousel
- Pause automatic rotation on pointer-initiated focus [#1731](https://github.com/IgniteUI/igniteui-webcomponents/issues/1731)
- Ensure `igcSlideChanged` event is emitted when a slide is changed [#1772](https://github.com/IgniteUI/igniteui-webcomponents/issues/1772)
- #### Date picker
- Styling issues [#1765](https://github.com/IgniteUI/igniteui-webcomponents/pull/1765)
- #### Date range picker
- CSS borders and elevation [#1764](https://github.com/IgniteUI/igniteui-webcomponents/pull/1764)
- #### File input
- Bootstrap invalid box-shadow styles [#1747](https://github.com/IgniteUI/igniteui-webcomponents/pull/1747)
- #### Stepper
- Error when setting linear property in deferred rendering scenarios [#1672](https://github.com/IgniteUI/igniteui-webcomponents/pull/1672)
- #### Textarea
- Readonly state styles [#1768](https://github.com/IgniteUI/igniteui-webcomponents/pull/1768)
## [6.1.1] - 2025-06-25
### Fixed
- #### Dropdown
- Icon size in Bootstrap theme [#1755](https://github.com/IgniteUI/igniteui-webcomponents/pull/1755)
- #### Input, File Input
- Label positioning and transition logic in Material theme [#1739](https://github.com/IgniteUI/igniteui-webcomponents/pull/1739) [#1753](https://github.com/IgniteUI/igniteui-webcomponents/pull/1753)
## [6.1.0] - 2025-06-12
### Added
- Date Range Picker
### Changed
- Updated the readonly styles of most form associated components across all themes to better signify when a component
is in a readonly state.
- #### File input
- **Breaking change**: `igcChange` & `igcCancel` events detail now returns the underlying component `files` property.
- #### Tooltip
- **Behavioral change**: Tooltip default `placement` is 'bottom' now.
- **Behavioral change**: Tooltip will not render an arrow indicator by default unless `with-arrow` is set.
- **Breaking change**: Tooltip events will no longer return its `anchor` target in its `detail` property.
You can still access it at `event.target.anchor`.
### Deprecated
- #### Tooltip
- `disableArrow` is deprecated. Use `withArrow | with-arrow` to render an arrow indicator.
### Fixed
- #### Calendar & Date Picker
- Incorrect date rollover for in certain scenarios [#1710](https://github.com/IgniteUI/igniteui-webcomponents/issues/1710)
- #### Combo
- Case insensitive icon styles in themes [#1728](https://github.com/IgniteUI/igniteui-webcomponents/pull/1728)
- #### Input
- Replace border in fluent theme with a box-shadow [#1726](https://github.com/IgniteUI/igniteui-webcomponents/pull/1726)
- Focused state background color in Indigo theme [#1732](https://github.com/IgniteUI/igniteui-webcomponents/pull/1732)
- #### Textarea
- Label height and component height override [#1715](https://github.com/IgniteUI/igniteui-webcomponents/pull/1715)
## [6.0.1] - 2025-05-28
### Added
- #### Radio group
- Slotted `<label>` elements have default styles based on the current theme [#1694](https://github.com/IgniteUI/igniteui-webcomponents/pull/1694)
### Fixed
- #### Chip
- Styling discrepancies [#1486](https://github.com/IgniteUI/igniteui-webcomponents/pull/1486)
- #### DateTime Input
- Ensure `igcChange` is emitted in case an incomplete mask value has been filled [#1695](https://github.com/IgniteUI/igniteui-webcomponents/issues/1695)
- #### Input
- Browser default autofill background styles [#1697](https://github.com/IgniteUI/igniteui-webcomponents/pull/1697)
- #### Textarea
- Dynamic prefix/suffix slot content state [#1686](https://github.com/IgniteUI/igniteui-webcomponents/issues/1686)
## [6.0.0] - 2025-04-29
### Changed
- Minimum Node version required is now >= 20.
- #### Stepper
- Stepper Step's `titlePosition` now defaults to `auto`, instead of being undefined, which has the same behavior.
### Removed
- #### Library
- `CheckboxChangeEventArgs` removed, use `IgcCheckboxChangeEventArgs` instead.
- `RadioChangeEventArgs` removed, use `IgcRadioChangeEventArgs` instead.
- `IgcRangeSliderValue` removed, use `IgcRangeSliderValueEventArgs` instead.
- `IgcActiveStepChangingArgs` removed, use `IgcActiveStepChangingEventArgs` instead.
- `IgcActiveStepChangedArgs` removed, use `IgcActiveStepChangedEventArgs` instead.
- #### Tabs
- `igc-tab` **panel** property is removed.
- `igc-tab-panel` component is removed.
The `igc-tab` now encompasses both the tab header and the tab content in a single component.
Slotted content in the default slot of the `igc-tab` element now replaces the `igc-tab-panel` role
while elements slotted inside the **label** slot will end up as content for the `igc-tab` header.
Before:
```html
<igc-tabs>
<igc-tab panel="home">
<igc-icon name="home"></igc-icon>
</igc-tab>
<igc-tab panel="search">
<igc-icon name="search"></igc-icon>
</igc-tab>
<igc-tab panel="favorite">
<igc-icon name="favorite"></igc-icon>
</igc-tab>
<igc-tab-panel id="home">Home tab panel</igc-tab-panel>
<igc-tab-panel id="search">Search tab panel</igc-tab-panel>
<igc-tab-panel id="favorite">Favorite tab panel</igc-tab-panel>
</igc-tabs>
```
After:
```html
<igc-tabs>
<igc-tab>
<igc-icon name="home" slot="label"></igc-icon>
Home tab panel
</igc-tab>
<igc-tab>
<igc-icon name="search" slot="label"></igc-icon>
Search tab panel
</igc-tab>
<igc-tab>
<igc-icon name="favorite" slot="label"></igc-icon>
Favorite tab panel
</igc-tab>
</igc-tabs>
```
## [5.4.1] - 2025-04-23
### Fixed
- Internal library issues
## [5.4.0] - 2025-04-23
### Added
- File Input component
- Tooltip component
- #### Library
- Exposed more public API type aliases for component property types like `ButtonVariant`, `PickerMode`, `StepperOrientation`, `HorizontalTransitionAnimation` (carousel and horizontal stepper) and more.
### Changed
- #### Card
- Spacing styles [#1620](https://github.com/IgniteUI/igniteui-webcomponents/pull/1620)
- #### Carousel
- Use the new `button-focus-arrow-color` [#1612](https://github.com/IgniteUI/igniteui-webcomponents/pull/1612)
- #### Checkbox
- Use the new `focus-border-color` [#1611](https://github.com/IgniteUI/igniteui-webcomponents/pull/1611)
- #### Radio
- Use the new `focus-border-color` [#1644](https://github.com/IgniteUI/igniteui-webcomponents/pull/1644)
- #### Tile manager
- Improved tile swap behavior based on drag direction [#1608](https://github.com/IgniteUI/igniteui-webcomponents/pull/1608)
- View transition for UI triggered maximized state changes [#1624](https://github.com/IgniteUI/igniteui-webcomponents/pull/1624)
### Deprecated
- #### Carousel
- Carousel Slide's `toggleAnimation` is now marked internal and deprecated for use in favor of parent Carousel's `select` method.
- #### Stepper
- Stepper Step's `toggleAnimation` is now marked internal and deprecated for use in favor of parent Stepper's `navigateTo` method.
- #### Tabs - **NEXT MAJOR (v6.0.0) BREAKING CHANGE**
- `igc-tab` **panel** property is removed.
- Starting with the next major release of the library (6.0.0) the `igc-tab-panel` will be removed.
The `igc-tab` now encompasses both the tab header and the tab content in a single component. Slotted content in the default
slot of the `igc-tab` element now replaces the `igc-tab-panel` role while elements slotted inside the **label** slot
will end up as content for the `igc-tab` header.
Before 6.0.0:
```html
<igc-tabs>
<igc-tab panel="home">
<igc-icon name="home"></igc-icon>
</igc-tab>
<igc-tab panel="search">
<igc-icon name="search"></igc-icon>
</igc-tab>
<igc-tab panel="favorite">
<igc-icon name="favorite"></igc-icon>
</igc-tab>
<igc-tab-panel id="home">Home tab panel</igc-tab-panel>
<igc-tab-panel id="search">Search tab panel</igc-tab-panel>
<igc-tab-panel id="favorite">Favorite tab panel</igc-tab-panel>
</igc-tabs>
```
6.0.0 and onwards:
```html
<igc-tabs>
<igc-tab>
<igc-icon name="home" slot="label"></igc-icon>
Home tab panel
</igc-tab>
<igc-tab>
<igc-icon name="search" slot="label"></igc-icon>
Search tab panel
</igc-tab>
<igc-tab>
<igc-icon name="favorite" slot="label"></igc-icon>
Favorite tab panel
</igc-tab>
</igc-tabs>
```
- #### Library
- Some event argument types have been renamed for consistency:
- `CheckboxChangeEventArgs` deprecated, use `IgcCheckboxChangeEventArgs` instead.
- `RadioChangeEventArgs` deprecated, use `IgcRadioChangeEventArgs` instead.
- `IgcRangeSliderValue` deprecated, use `IgcRangeSliderValueEventArgs` instead.
- `IgcActiveStepChangingArgs` deprecated, use `IgcActiveStepChangingEventArgs` instead.
- `IgcActiveStepChangedArgs` deprecated, use `IgcActiveStepChangedEventArgs` instead.
- Node versions < 20 are now deprecated. The next major release (6.0.0) will require Node version > 20. [Nodejs support](https://nodejs.org/en/about/previous-releases)
### Removed
- #### Switch
- Invalid state CSS properties [#1622](https://github.com/IgniteUI/igniteui-webcomponents/pull/1622)
### Fixed
- #### Chip
- Bootstrap styles [#1635](https://github.com/IgniteUI/igniteui-webcomponents/pull/1635)
- #### Calendar
- Date text color in range selection [#1630](https://github.com/IgniteUI/igniteui-webcomponents/pull/1630)
- Header size [#1629](https://github.com/IgniteUI/igniteui-webcomponents/pull/1629)
- Fluent theme range radius [#1650](https://github.com/IgniteUI/igniteui-webcomponents/pull/1650)
- ARIA violation when a week with all days hidden is rendered [#1637](https://github.com/IgniteUI/igniteui-webcomponents/pull/1637)
- #### Input
- Fluent theme discrepancies [#1651](https://github.com/IgniteUI/igniteui-webcomponents/pull/1651)
- #### Rating
- Overwritten properties [#1654](https://github.com/IgniteUI/igniteui-webcomponents/pull/1654)
- #### Stepper
- Header text alignment [#1624](https://github.com/IgniteUI/igniteui-webcomponents/pull/1624)
- #### Forms
- Setting validation properties on a pristine non-dirty form associated element does not apply invalid styles [#1632](https://github.com/IgniteUI/igniteui-webcomponents/issues/1632)
- #### Library
- Exposed `IgcCalendarResourceStrings`, `PopoverPlacement` (Dropdown and Select) and `IgcTreeSelectionEventArgs` from the public API
## [5.3.0] - 2025-03-13
### Added
- Tile manager component [#1402](https://github.com/IgniteUI/igniteui-webcomponents/pull/1402)
- #### List
- The `igc-list-item` component exposes a new `selected` property. When set on a list item, the item will become visually highlighted [#1590](https://github.com/IgniteUI/igniteui-webcomponents/pull/1590)
### Changed
- #### Progressbar
- Use theme schemas [#1582](https://github.com/IgniteUI/igniteui-webcomponents/pull/1582)
### Fixed
- #### Calendar
- Days row height for Fluent and Bootstrap themes [#1597](https://github.com/IgniteUI/igniteui-webcomponents/pull/1597)
- Disabled date text color in range preview for Material and Indigo themes [#1595](https://github.com/IgniteUI/igniteui-webcomponents/pull/1595)
- #### Chip
- Improved responsive layout styles [#1588](https://github.com/IgniteUI/igniteui-webcomponents/pull/1588)
- #### Combo
- Improved toggle button visual states [#1580](https://github.com/IgniteUI/igniteui-webcomponents/pull/1580)
## [5.2.4] - 2025-02-24
### Changed
- #### Carousel - **Potential visual breaking change.**
- Removed `[part='base']` wrapping container from slide's internal DOM.
## [5.2.3] - 2025-02-13
### Fixed
- #### Chip
- Disabled state in Bootstrap [#1573](https://github.com/IgniteUI/igniteui-webcomponents/pull/1573)
## [5.2.2] - 2025-02-12
### Fixed
- #### Combo
- Incorrect defaultValue with async data-binding [#1555](https://github.com/IgniteUI/igniteui-webcomponents/pull/1555)
- #### Circular progressbar
- Value label correctly scales with the diameter of the component [#1543](https://github.com/IgniteUI/igniteui-webcomponents/pull/1543)
- #### Date picker
- Date picker styles for the helper-text slot based on its size [#1559](https://github.com/IgniteUI/igniteui-webcomponents/pull/1559)
- #### Icon button
- Outlined border sinks behind parent element background [#1566](https://github.com/IgniteUI/igniteui-webcomponents/pull/1566)
- #### Input
- helper-text slot padding styles [#1547](https://github.com/IgniteUI/igniteui-webcomponents/pull/1547)
- ### Navbar
- Apply correct sizes for slotted elements from the library [#1570](https://github.com/IgniteUI/igniteui-webcomponents/pull/1570)
- #### Rating
- Inaccurate value rounding calculation when step is not 1 [#1560](https://github.com/IgniteUI/igniteui-webcomponents/issues/1560)
## [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](https://github.com/IgniteUI/igniteui-webcomponents/pull/1538)
- #### Rating
- Inaccurate value calculation on selection when step is set to 1 [#1548](https://github.com/IgniteUI/igniteui-webcomponents/issues/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](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
- #### Checkbox
- updated style implementation and improved slotted checkbox styles [#1489](https://github.com/IgniteUI/igniteui-webcomponents/pull/1489)
- #### Date-time input
- enabled passing string values to the **value**, **min**, and **max** properties [#1467](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
- #### Date picker
- enabled passing string values to the **value**, **min**, **max** and **activeDate** properties [#1467](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
- #### List
- updated list item internal slots gaps and sizing [#1480](https://github.com/IgniteUI/igniteui-webcomponents/pull/1480)
- #### Progressbar
- the default value label animation now uses CSS counters and animations [#1492](https://github.com/IgniteUI/igniteui-webcomponents/pull/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](https://github.com/IgniteUI/igniteui-webcomponents/pull/1504)
- #### Badge
- aligned colors with UI kits [#1466](https://github.com/IgniteUI/igniteui-webcomponents/pull/1466)
- #### Card
- actions content alignment in vertical orientation [#1472](https://github.com/IgniteUI/igniteui-webcomponents/pull/1472)
- #### Combo
- rendering issue after Edge browser autofill behavior [#1497](https://github.com/IgniteUI/igniteui-webcomponents/issues/1497)
- #### Checkbox
- removed extra gap between the checkbox and the label [#1479](https://github.com/IgniteUI/igniteui-webcomponents/pull/1479)
- tick color in disabled state [#1528](https://github.com/IgniteUI/igniteui-webcomponents/pull/1528)
- #### Dialog
- removed vertical padding in Bootstrap theme [#1471](https://github.com/IgniteUI/igniteui-webcomponents/pull/1471)
- Fluent theme typography [#1475](https://github.com/IgniteUI/igniteui-webcomponents/pull/1475)
- #### Dropdown
- remove vertical padding in Bootstrap theme [#1471](https://github.com/IgniteUI/igniteui-webcomponents/pull/1471)
- #### Input
- input type search does not interfere with the outline variant in Material theme [#1520](https://github.com/IgniteUI/igniteui-webcomponents/pull/1520)
- step validation for numeric input [#1522](https://github.com/IgniteUI/igniteui-webcomponents/pull/1522)
- helper-text color in invalid state [#1525](https://github.com/IgniteUI/igniteui-webcomponents/pull/1525)
- #### List
- discrepancies between the list and the UI kits [#1488](https://github.com/IgniteUI/igniteui-webcomponents/pull/1488)
- #### Radio
- remove label part when there is not slotted content [#1482](https://github.com/IgniteUI/igniteui-webcomponents/pull/1482)
- #### Textarea
- label position in Material theme [#1518](https://github.com/IgniteUI/igniteui-webcomponents/pull/1518)
- helper-text color in disabled state [#1519](https://github.com/IgniteUI/igniteui-webcomponents/pull/1519)
- remove layout space for hidden content in prefix/suffix slots [#1526](https://github.com/IgniteUI/igniteui-webcomponents/pull/1526)
- #### Icon service
- reduce sync events between copies of the service in different tabs [#1532](https://github.com/IgniteUI/igniteui-webcomponents/pull/1532)
## [5.1.2] - 2024-11-04
### Added
- Carousel component select method overload accepting index [#1457](https://github.com/IgniteUI/igniteui-webcomponents/issues/1457)
### Fixed
- Tabs - nested tabs selection [#713](https://github.com/IgniteUI/igniteui-webcomponents/issues/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](https://github.com/IgniteUI/igniteui-webcomponents/issues/1226)
- Form associated custom elements validation messages [#1254](https://github.com/IgniteUI/igniteui-webcomponents/pull/1254)
### Changed
- Library - migrated palettes to relative colors [#1432](https://github.com/IgniteUI/igniteui-webcomponents/pull/1432)
- Badge - update themes [#1399](https://github.com/IgniteUI/igniteui-webcomponents/pull/1399)
- Card - update themes [#1414](https://github.com/IgniteUI/igniteui-webcomponents/pull/1414)
- Chips - update themes [#1408](https://github.com/IgniteUI/igniteui-webcomponents/pull/1408) [#1416](https://github.com/IgniteUI/igniteui-webcomponents/pull/1416)
- Dropdown - update themes [#1409](https://github.com/IgniteUI/igniteui-webcomponents/pull/1409)
- Expansion panel - update themes [#1415](https://github.com/IgniteUI/igniteui-webcomponents/pull/1415)
- Icon - update theme references [#1404](https://github.com/IgniteUI/igniteui-webcomponents/pull/1404) [#1423](https://github.com/IgniteUI/igniteui-webcomponents/pull/1423)
- Tabs - update themes [#1408](https://github.com/IgniteUI/igniteui-webcomponents/pull/1408)
### Fixed
- Checkbox, Switch - click event fires more than once [#1427](https://github.com/IgniteUI/igniteui-webcomponents/pull/1427)
- Radio - click event fires more than once [#1428](https://github.com/IgniteUI/igniteui-webcomponents/pull/1428)
- Library - export components event maps through the main package entrypoint [#1422](https://github.com/IgniteUI/igniteui-webcomponents/pull/1422)
- Calendar - cannot select dates before UNIX epoch [#1443](https://github.com/IgniteUI/igniteui-webcomponents/issues/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](https://github.com/IgniteUI/igniteui-webcomponents/pull/1329/files)
### Changed
- Input - label typography [#1363](https://github.com/IgniteUI/igniteui-webcomponents/pull/1363/files)
- Calendar, Select, Combo - updated to latest Indigo theme [#1337](https://github.com/IgniteUI/igniteui-webcomponents/pull/1337/files)
### Fixed
- Navigation drawer - use min-width in the mini variant [#1394]((https://github.com/IgniteUI/igniteui-webcomponents/pull/1394/files))
## [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](https://github.com/IgniteUI/igniteui-webcomponents/issues/1304)
- You can now register and replace icons by reference via the `setIconRef` function. To learn more check out the [documentation](https://www.infragistics.com/webcomponentssite/components/layouts/icon#icon-references).
- 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: