Merge branch 'master' into bpachilova/date-range-picker

Author: SisIvanova

CHANGELOG.md

@@ -4,10 +4,20 @@ 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/).
 
-## [Unreleased]
+## [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
@@ -883,6 +893,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[6.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.0...6.0.1
 [6.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.1...6.0.0
 [5.4.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.0...5.4.1
 [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.3.0...5.4.0

package-lock.json

@@ -60,13 +60,13 @@
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@igniteui/material-icons-extended": "^3.1.0",
     "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "^9.0.0-rc.2",
-    "@storybook/addon-docs": "^9.0.0-rc.2",
-    "@storybook/addon-links": "^9.0.0-rc.2",
-    "@storybook/web-components-vite": "^9.0.0-rc.2",
+    "@storybook/addon-a11y": "^9.0.0-rc.4",
+    "@storybook/addon-docs": "^9.0.0-rc.4",
+    "@storybook/addon-links": "^9.0.0-rc.4",
+    "@storybook/web-components-vite": "^9.0.0-rc.4",
     "@types/mocha": "^10.0.10",
     "@web/dev-server-esbuild": "^1.0.4",
-    "@web/test-runner": "^0.20.1",
+    "@web/test-runner": "^0.20.2",
     "@web/test-runner-playwright": "^0.11.0",
     "autoprefixer": "^10.4.21",
     "browser-sync": "^3.0.4",
@@ -89,7 +89,7 @@
     "rimraf": "^6.0.1",
     "sass-embedded": "~1.78.0",
     "sinon": "^20.0.0",
-    "storybook": "^9.0.0-rc.2",
+    "storybook": "^9.0.0-rc.4",
     "stylelint": "^16.19.1",
     "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-prettier": "^5.0.3",

package.json

@@ -11,6 +11,7 @@ const defaultState: GestureState = Object.freeze({ x: 0, y: 0, time: 0 });
 
 /**
  * Configuration object for a {@link GesturesController} instance.
+ * @ignore
  */
 export interface GesturesOptions {
   /**

src/components/common/controllers/gestures.ts

@@ -8,7 +8,10 @@ type ResizeObserverControllerCallback = (
   ...args: Parameters<ResizeObserverCallback>
 ) => unknown;
 
-/** Configuration for initializing a resize controller. */
+/**
+ * Configuration for initializing a resize controller.
+ * @ignore
+ */
 export interface ResizeObserverControllerConfig {
   /** The callback function to run when a resize mutation is triggered. */
   callback: ResizeObserverControllerCallback;

src/components/common/controllers/resize-observer.ts

@@ -17,6 +17,7 @@ import { styles } from './themes/file-input.base.css.js';
 import { all } from './themes/themes.js';
 import { fileValidators } from './validators.js';
 
+/* blazorSuppress */
 /**
  * @element igc-file-input
  *
@@ -122,7 +123,7 @@ export default class IgcFileInputComponent extends IgcInputBaseComponent {
   @property({ type: Boolean, attribute: false, noAccessor: true })
   public override readonly readOnly = false;
 
-  /** Returns the selected files when input type is 'file', otherwise returns null. */
+  /** Returns the selected files, if any; otherwise returns null. */
   public get files(): FileList | null {
     return this.input?.files ?? null;
   }

src/components/file-input/file-input.ts

@@ -30,6 +30,20 @@
     outline-style: none;
     font-family: var(--ig-font-family);
     z-index: 1;
+
+    // This is a hack that removes the autofill background and it's essential,
+    // otherwise the background is on top of the floating label in material theme.
+    // The !important flag is because themes that defin transition delay on that element are overriding the transition delay hack
+    &:-webkit-autofill,
+    &:-webkit-autofill:hover,
+    &:-webkit-autofill:focus,
+    &:-webkit-autofill:active,
+    &:autofill,
+    &:autofill:hover,
+    &:autofill:focus,
+    &:autofill:active{
+        transition-delay: 99999s !important;
+    }
 }
 
 [part^='container'] {