Merge branch 'master' into rkaraivanov/fix-1521

Author: rkaraivanov

package-lock.json

@@ -73,15 +73,15 @@
     "autoprefixer": "^10.4.20",
     "browser-sync": "^3.0.3",
     "cem-plugin-expanded-types": "^1.3.3",
-    "concurrently": "^9.1.0",
+    "concurrently": "^9.1.2",
     "custom-element-jet-brains-integration": "^1.6.2",
     "custom-element-vs-code-integration": "^1.4.1",
     "globby": "^14.0.2",
     "husky": "^9.1.7",
-    "ig-typedoc-theme": "^5.0.4",
-    "igniteui-theming": "^14.3.0",
+    "ig-typedoc-theme": "^6.0.0",
+    "igniteui-theming": "^14.3.1",
     "keep-a-changelog": "^2.5.3",
-    "lint-staged": "^15.2.11",
+    "lint-staged": "^15.3.0",
     "lit-analyzer": "^2.0.3",
     "madge": "^8.0.0",
     "node-watch": "^0.7.4",
@@ -99,10 +99,10 @@
     "stylelint-scss": "^6.10.0",
     "ts-lit-plugin": "^2.0.2",
     "tslib": "^2.8.1",
-    "typedoc": "^0.26.11",
-    "typedoc-plugin-localization": "^3.0.5",
-    "typescript": "^5.6.3",
-    "vite": "^6.0.3"
+    "typedoc": "^0.27.6",
+    "typedoc-plugin-localization": "^3.0.6",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7"
   },
   "browserslist": [
     "defaults"

package.json

@@ -1,15 +1,18 @@
 import path from 'node:path';
 import { create } from 'browser-sync';
 import watch from 'node-watch';
-import TypeDoc from 'typedoc';
+import { Application } from 'typedoc';
 
 const browserSync = create();
 const ROOT = path.join.bind(null, path.resolve('./'));
 
 const TYPEDOC = {
   PLUGINS: {
-    THEME: ROOT('node_modules', 'ig-typedoc-theme'),
-    LOCALIZATION: ROOT('node_modules', 'typedoc-plugin-localization'),
+    THEME: ROOT('node_modules', 'ig-typedoc-theme/dist/index.js'),
+    LOCALIZATION: ROOT(
+      'node_modules',
+      'typedoc-plugin-localization/dist/index.js'
+    ),
   },
   OUTPUT: ROOT('dist', 'docs', 'typescript'),
   EXPORT_JSON_PATH: ROOT(
@@ -90,7 +93,7 @@ async function main() {
     entryPointStrategy = 'merge';
   }
 
-  const app = await TypeDoc.Application.bootstrapWithPlugins({
+  const app = await Application.bootstrapWithPlugins({
     entryPoints,
     entryPointStrategy,
     plugin: [TYPEDOC.PLUGINS.THEME, TYPEDOC.PLUGINS.LOCALIZATION],

scripts/build-typedoc.js

@@ -29,4 +29,8 @@ $theme: $base;
     [part~='label'] {
         color: var-get($theme, 'disabled-color-label');
     }
+
+    [part~='indicator'] {
+        stroke: var-get($theme, 'disabled-tick-color');
+    }
 }

src/components/checkbox/themes/shared/checkbox/checkbox.common.scss

@@ -220,7 +220,8 @@ $error-color-hover: var-get($theme, 'error-color-hover');
     }
 
     [part~='indicator'] {
-        stroke-opacity: 0.4;
+        stroke: unset;
+        fill: var-get($theme, 'disabled-tick-color');
     }
 }
 
@@ -230,4 +231,12 @@ $error-color-hover: var-get($theme, 'error-color-hover');
         background: $disabled-indeterminate-color;
         border-color: transparent;
     }
+
+    [part~='indicator'] {
+        fill: none;
+
+        rect {
+            fill: var-get($theme, 'disabled-tick-color');
+        }
+    }
 }

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

@@ -52,10 +52,16 @@ export abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(
   @queryAssignedElements({ slot: 'helper-text' })
   protected _helperText!: Array<HTMLElement>;
 
-  @queryAssignedElements({ slot: 'prefix' })
+  @queryAssignedElements({
+    slot: 'prefix',
+    selector: '[slot="prefix"]:not([hidden])',
+  })
   protected prefixes!: Array<HTMLElement>;
 
-  @queryAssignedElements({ slot: 'suffix' })
+  @queryAssignedElements({
+    slot: 'suffix',
+    selector: '[slot="suffix"]:not([hidden])',
+  })
   protected suffixes!: Array<HTMLElement>;
 
   protected get _isMaterial() {

src/components/input/input-base.ts

@@ -143,7 +143,7 @@ export default class IgcStepComponent extends LitElement {
   @property({ attribute: false })
   public visited = false;
 
-  /** @hidden @intrnal @private */
+  /** @hidden @internal @private */
   @property({ attribute: false })
   public animation: Animation = 'fade';
 

src/components/stepper/step.ts

@@ -103,10 +103,16 @@ export default class IgcTextareaComponent extends FormAssociatedRequiredMixin(
   @queryAssignedNodes({ flatten: true })
   private projected!: Array<Node>;
 
-  @queryAssignedElements({ slot: 'prefix' })
+  @queryAssignedElements({
+    slot: 'prefix',
+    selector: '[slot="prefix"]:not([hidden])',
+  })
   protected prefixes!: Array<HTMLElement>;
 
-  @queryAssignedElements({ slot: 'suffix' })
+  @queryAssignedElements({
+    slot: 'suffix',
+    selector: '[slot="suffix"]:not([hidden])',
+  })
   protected suffixes!: Array<HTMLElement>;
 
   @query('textarea', true)