Merge branch 'master' into radomirchev-patch-1

Author: kdinev

.github/CONTRIBUTING.md

@@ -16,13 +16,13 @@ For detailed information on issue and pull request statuses, process for testing
 
 ## Set up
 
-You will need at least [Node >= 20.19.0](https://nodejs.org/en) installed on your machine.
+You will need at least [Node >= 22.22.0](https://nodejs.org/en) installed on your machine.
 
 Once you have the minimum Node version installed, you can continue with the rest of the repo setup.
 
 ```shell
 node -v
-v20.19.0
+v22.22.0
 
 git clone https://github.com/IgniteUI/igniteui-webcomponents.git
 cd igniteui-webcomponents

.github/pull_request_template.md

@@ -0,0 +1,34 @@
+<!-- Remove any sections or checklist items that don't apply to keep this PR description concise -->
+
+## Description
+
+> *Provide a clear and concise summary of the changes in this PR and the motivation behind them*
+
+## Type of Change
+
+<!-- Keep only the relevant type(s), remove the rest -->
+
+- [ ] Bug fix (non-breaking change that fixes an issue)
+- [ ] New feature (non-breaking change that adds functionality)
+- [ ] Breaking change (fix or feature that causes existing functionality to change)
+- [ ] Documentation update
+- [ ] Refactoring (code improvements without functional changes)
+
+## Related Issues
+
+<!-- Link related issues using keywords like 'Closes', 'Fixes', or 'Resolves' -->
+
+Closes #
+
+## Testing
+
+<!-- Describe how you tested these changes. Include specific test cases, browsers tested, or steps to reproduce -->
+
+## Checklist
+
+<!-- Remove items that don't apply -->
+
+- [ ] My code follows the project's coding standards
+- [ ] I have tested my changes locally
+- [ ] I have updated documentation if needed
+- [ ] Breaking changes are documented in the description

.github/workflows/gh-pages-deploy.yml

@@ -18,6 +18,10 @@ jobs:
       url: ${{ steps.build-publish.outputs.page_url }}
     runs-on: ubuntu-latest
     steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22'
       - id: build-publish
         uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3
         with:

.github/workflows/npm-publish.yml

@@ -1,5 +1,7 @@
 name: Npm.js deploy
+
 permissions:
+  id-token: write
   contents: read
 
 on:
@@ -16,6 +18,10 @@ jobs:
           node-version: '22'
           cache: 'npm'
           registry-url: 'https://registry.npmjs.org'
+
+      - name: Update NPM
+        run: npm install -g npm@latest
+
       - run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> $GITHUB_ENV
       - run: echo ${VERSION}
 
@@ -36,5 +42,3 @@ jobs:
       - name: Publish the package
         run: npm publish --tag ${NPM_TAG}
         working-directory: dist
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.stylelintrc.json

@@ -68,6 +68,7 @@
     "scss/double-slash-comment-inline": "never",
     "scss/dollar-variable-colon-newline-after": null,
     "scss/dollar-variable-colon-space-after": "always",
-    "scss/selector-no-redundant-nesting-selector": true
+    "scss/selector-no-redundant-nesting-selector": true,
+    "scss/dollar-variable-no-missing-interpolation": null
   }
 }

.vscode/cspell.json

@@ -33,5 +33,8 @@
     "slotchange",
     "stylelint",
     "webcomponents"
-  ]
+  ],
+  "ignoreRegExpList": [
+    "θ"
+  ],
 }

CHANGELOG.md

@@ -5,17 +5,165 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
+### Breaking Changes
+- #### Themes
+  - Changed global prefixes for CSS custom properties for component themes to be better aligned with other Ignite UI component frameworks.
+
+## [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
-- #### Tooltip
-  - Do not show tooltip when target is clicked [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
+- #### 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
@@ -1072,6 +1220,9 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[6.5.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.0...6.5.1
+[6.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.4.0...6.5.0
+[6.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.6...6.4.0
 [6.3.6]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.5...6.3.6
 [6.3.5]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.4...6.3.5
 [6.3.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.3...6.3.4

ROADMAP.md

@@ -2,20 +2,28 @@
 
 # Current Milestone
 
-## Milestone 20 (Due Nov, 2025)
+## Milestone 21 (Due Jan, 2026)
 
-1. Grids Cell Merging feature
-2. Grids Pining on both sides feature
+1. **[DONE]** Grids Localization
+2. **[DONE]** Grid PDF exporter service
+3. **[DONE]** Grids filtering performance improvements
 
 ## Going down the road
 
-1. Grids localization 
+1. Query Builder component
 
 # Previous Milestone
 
-## Milestone 19, version 6.3.0, Released Sep 18th, 2025
+## Milestone 20, version 6.3.0, Released Nov 18th, 2025
 
 1. **[DONE]** Chat component
+2. **[DONE]** Grids Cell Merging feature
+3. **[DONE]** Grids Pinning on both sides feature
+4. **[DONE]** New Tooltip component
+
+## Milestone 19, version 6.3.0, Released Nov 18th, 2025
+
+1. **[DONE]** [Bugs fixes](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/general-changelog-dv-wc#bug-fixes-3)
 
 ## Milestone 18, version 6.1.0, Released Jun 12th, 2025
 

SECURITY.md

@@ -2,11 +2,26 @@
 
 ## Supported Versions
 
+We provide security support for the **latest major version** of the package only. All previous major versions are considered deprecated and will not receive security updates.
+
+For critical security vulnerabilities, we will backport fixes to the **last relevant minor version** of the current major version to ensure users can apply security patches without upgrading to a new minor release.
+
+**Current package version: 6.5.0**
+
 | Version | Supported          |
 | ------- | ------------------ |
-| 5.1.x   | :white_check_mark: |
-| < 5.0.x | :x:                |
+| 6.x.x   | :white_check_mark: |
+| < 6.0.0 | :x:                |
+
+### Examples
+
+- **Version 6.5.0** (current): ✅ Fully supported with security updates
+- **Version 6.4.x**: ✅ Will receive backported fixes for critical security vulnerabilities
+- **Version 6.0.x**: ✅ Supported, but recommended to upgrade to the latest 6.x.x version
+- **Version 5.x.x**: ❌ Deprecated - no security updates provided
+- **Version 4.x.x or below**: ❌ Deprecated - no security updates provided
 
 ## Reporting a Vulnerability
 
-Please report any suspected vulnerability through the [issues](../../issues) section.
+If you have discovered a security vulnerability in this project, please report it privately.
+**Do not disclose it as a public issue**. This gives us time to work with you to fix the issue before public exposure, reducing the chance that the exploit will be used before a patch is released. Please disclose it at [security advisory](https://github.com/IgniteUI/igniteui-webcomponents/security/advisories/new).