Merge branch 'master' into didimmova/use-radio-focus-border-property

Author: simeonoff

README.md

@@ -69,12 +69,12 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
 ## Components available in [Ignite UI for WebComponents Grids]
 
-| Components | Status |      Documentation      |
-| :--------- | :----: | :---------------------: |
-| Pivot Grid |   ✅   | [Docs][Pivot Grid Docs] |
-| Data Grid  |   ✅   | [Docs][Data Grid Docs]  |
-| Tree Grid  |   ✅   | [Docs][Tree Grid Docs]  |
-| Hierarchical Grid  |   ✅   | [Docs][Hierarchical Grid Docs] |
+| Components        | Status |         Documentation          |
+| :---------------- | :----: | :----------------------------: |
+| Pivot Grid        |   ✅   |    [Docs][Pivot Grid Docs]     |
+| Data Grid         |   ✅   |     [Docs][Data Grid Docs]     |
+| Tree Grid         |   ✅   |     [Docs][Tree Grid Docs]     |
+| Hierarchical Grid |   ✅   | [Docs][Hierarchical Grid Docs] |
 
 ### The Lightweight Web Components Data Grid and Data Table
 
@@ -199,7 +199,7 @@ npm run storybook:build
 [Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/pivot-grid/overview
 [Data Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/grid/overview
 [Tree Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/tree-grid/overview
-[Hierarchical Grid Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/hierarchical-grid/overview)
+[Hierarchical Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/hierarchical-grid/overview
 [Switch Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/switch
 [Ripple Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/ripple
 [Radio Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/radio

package-lock.json

@@ -92,15 +92,15 @@
     "sass-embedded": "~1.78.0",
     "sinon": "^20.0.0",
     "storybook": "^8.6.12",
-    "stylelint": "^16.17.0",
+    "stylelint": "^16.18.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
     "stylelint-scss": "^6.11.1",
     "ts-lit-plugin": "^2.0.2",
     "tslib": "^2.8.1",
     "typedoc": "~0.27.9",
     "typedoc-plugin-localization": "^3.0.6",
-    "typescript": "^5.8.2",
+    "typescript": "^5.8.3",
     "vite": "^6.2.3"
   },
   "browserslist": [

package.json

@@ -106,6 +106,8 @@
     flex-direction: row;
 
     [part='header'] {
+        width: rem(168px);
+        min-width: rem(168px);
         justify-content: flex-start;
         border-radius: inherit;
         border-start-end-radius: 0;

src/components/calendar/themes/calendar.base.scss

@@ -51,12 +51,6 @@ $theme: $bootstrap;
     }
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part~='header'] {
     background: var-get($theme, 'header-background');
     color: var-get($theme, 'header-foreground');

src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.scss

@@ -27,6 +27,7 @@ $border-size: rem(1px);
         position: absolute;
         width: 100%;
         inset-block-start: 100%;
+        inset-inline-start: 0;
         height: rem(1px);
         background: var-get($theme, 'border-color');
     }

src/components/calendar/themes/shared/bootstrap/days-view.bootstrap.scss

@@ -36,12 +36,6 @@ $theme: $fluent;
     }
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part='header'] {
     color: var-get($theme, 'header-foreground');
     background: var-get($theme, 'header-background');

src/components/calendar/themes/shared/fluent/calendar.fluent.scss

@@ -55,6 +55,7 @@ $theme: $indigo;
 :host(igc-calendar[header-orientation='vertical']) {
     [part~='header'] {
         width: rem(136px);
+        min-width: rem(136px);
 
         &::after {
             inset-inline-start: calc(100% - #{rem(1px)});

src/components/calendar/themes/shared/indigo/calendar.indigo.scss

@@ -45,12 +45,6 @@ $theme: $material;
     width: 100%;
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part='header'] {
     padding: rem(16px) rem(24px);
     gap: rem(28px);

src/components/calendar/themes/shared/material/calendar.material.scss

@@ -46,7 +46,7 @@ import { fileValidators } from './validators.js';
 export default class IgcFileInputComponent extends IgcInputBaseComponent {
   private _hasActivation = false;
   public static readonly tagName = 'igc-file-input';
-  public static override styles = [...super.styles, styles];
+  public static override styles = [...IgcInputBaseComponent.styles, styles];
 
   /* blazorSuppress */
   public static register() {