@siemens/ix-docs 0.0.0-pr-2297-20251204163058 → 0.0.0-pr-2300-20260107140403

package/build/docs/autogenerated/api/ix-action-card/api.mdx

@@ -84,6 +84,28 @@ import ReactMarkdown from 'react-markdown';
     {`undefined`}
   </ApiTable.Code>
 
+</ApiTable>
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-selected">
   <ApiTable.PropertyHeader name="selected" singleFramework="">

package/build/docs/autogenerated/api/ix-action-card/props.mdx

@@ -75,6 +75,28 @@
     {`undefined`}
   </ApiTable.Code>
 
+</ApiTable>
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-selected">
   <ApiTable.PropertyHeader name="selected" singleFramework="">

package/build/docs/autogenerated/api/ix-card/api.mdx

@@ -7,6 +7,28 @@ import ReactMarkdown from 'react-markdown';
 
 ### Properties
 
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
+</ApiTable>
 <ApiTable id="property-selected">
   <ApiTable.PropertyHeader name="selected" singleFramework="">
       

package/build/docs/autogenerated/api/ix-card/props.mdx

@@ -1,3 +1,25 @@
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
+</ApiTable>
 <ApiTable id="property-selected">
   <ApiTable.PropertyHeader name="selected" singleFramework="">
       

package/build/docs/autogenerated/api/ix-push-card/api.mdx

@@ -101,6 +101,28 @@ import ReactMarkdown from 'react-markdown';
   </ApiTable.Code>
 
 
+</ApiTable>
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-subheading">
   <ApiTable.PropertyHeader name="subheading" singleFramework="">

package/build/docs/autogenerated/api/ix-push-card/props.mdx

@@ -92,6 +92,28 @@
   </ApiTable.Code>
 
 
+</ApiTable>
+<ApiTable id="property-passive">
+  <ApiTable.PropertyHeader name="passive" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`If true, disables hover and active styles and changes cursor to default`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`passive`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-subheading">
   <ApiTable.PropertyHeader name="subheading" singleFramework="">

package/build/docs/autogenerated/api/ix-toast/api.mdx

@@ -48,6 +48,28 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
     {`5000`}
   </ApiTable.Code>
 
+</ApiTable>
+<ApiTable id="property-hideIcon">
+  <ApiTable.PropertyHeader name="hideIcon" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`Allows to hide the icon in the toast.`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`hide-icon`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-icon">
   <ApiTable.PropertyHeader name="icon" singleFramework="">

package/build/docs/autogenerated/api/ix-toast/props.mdx

@@ -39,6 +39,28 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
     {`5000`}
   </ApiTable.Code>
 
+</ApiTable>
+<ApiTable id="property-hideIcon">
+  <ApiTable.PropertyHeader name="hideIcon" singleFramework="">
+      
+  </ApiTable.PropertyHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`Allows to hide the icon in the toast.`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Attribute">
+    {`hide-icon`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Type">
+   {`boolean`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Default">
+    {`false`}
+  </ApiTable.Code>
+
 </ApiTable>
 <ApiTable id="property-icon">
   <ApiTable.PropertyHeader name="icon" singleFramework="">

package/build/docs/autogenerated/prompt/ix-action-card/readme.md

@@ -162,15 +162,16 @@ LICENSE file in the root directory of this source tree.
 
 ## Properties
 
-| Property        | Attribute         | Description             | Type                                                                                                           | Default     |
-| --------------- | ----------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
-| `ariaLabelCard` | `aria-label-card` | ARIA label for the card | `string \| undefined`                                                                                          | `undefined` |
-| `ariaLabelIcon` | `aria-label-icon` | ARIA label for the icon | `string \| undefined`                                                                                          | `undefined` |
-| `heading`       | `heading`         | Card heading            | `string \| undefined`                                                                                          | `undefined` |
-| `icon`          | `icon`            | Card icon               | `string \| undefined`                                                                                          | `undefined` |
-| `selected`      | `selected`        | Card selection          | `boolean`                                                                                                      | `false`     |
-| `subheading`    | `subheading`      | Card subheading         | `string \| undefined`                                                                                          | `undefined` |
-| `variant`       | `variant`         | Card variant            | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
+| Property        | Attribute         | Description                                                             | Type                                                                                                           | Default     |
+| --------------- | ----------------- | ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
+| `ariaLabelCard` | `aria-label-card` | ARIA label for the card                                                 | `string \| undefined`                                                                                          | `undefined` |
+| `ariaLabelIcon` | `aria-label-icon` | ARIA label for the icon                                                 | `string \| undefined`                                                                                          | `undefined` |
+| `heading`       | `heading`         | Card heading                                                            | `string \| undefined`                                                                                          | `undefined` |
+| `icon`          | `icon`            | Card icon                                                               | `string \| undefined`                                                                                          | `undefined` |
+| `passive`       | `passive`         | If true, disables hover and active styles and changes cursor to default | `boolean`                                                                                                      | `false`     |
+| `selected`      | `selected`        | Card selection                                                          | `boolean`                                                                                                      | `false`     |
+| `subheading`    | `subheading`      | Card subheading                                                         | `string \| undefined`                                                                                          | `undefined` |
+| `variant`       | `variant`         | Card variant                                                            | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
 
 
 ## Dependencies

package/build/docs/autogenerated/prompt/ix-button/readme.md

@@ -2586,7 +2586,7 @@ export default () => {
         <IxMessageBar persistent>Message text</IxMessageBar>
         <IxMessageBar persistent>Message text</IxMessageBar>
         <IxMessageBar persistent type="alarm">
-          <div className="message-bar-danger">
+          <div className="message-bar-alarm">
             Message text <IxButton>Action</IxButton>
           </div>
         </IxMessageBar>
@@ -4023,7 +4023,7 @@ import { IxButton, IxMessageBar } from '@siemens/ix-vue';
     <IxMessageBar :persistent type="alarm">Message text</IxMessageBar>
     <IxMessageBar :persistent>Message text</IxMessageBar>
     <IxMessageBar :persistent>
-      <div className="message-bar-danger">
+      <div class="message-bar-alarm">
         Message text
         <ix-button>Action</ix-button>
       </div>
@@ -7392,7 +7392,7 @@ export default class MessageBarRemoval {
 
 
 import { Component } from '@angular/core';
-import { IxMessageBar, IxButton } from '@siemens/ix-angular/standalone';
+import { IxButton, IxMessageBar } from '@siemens/ix-angular/standalone';
 
 @Component({
   selector: 'app-example',

package/build/docs/autogenerated/prompt/ix-card/readme.md

@@ -226,10 +226,11 @@ LICENSE file in the root directory of this source tree.
 
 ## Properties
 
-| Property   | Attribute  | Description                 | Type                                                                                                           | Default     |
-| ---------- | ---------- | --------------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
-| `selected` | `selected` | Show card in selected state | `boolean`                                                                                                      | `false`     |
-| `variant`  | `variant`  | Card variant                | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
+| Property   | Attribute  | Description                                                             | Type                                                                                                           | Default     |
+| ---------- | ---------- | ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
+| `passive`  | `passive`  | If true, disables hover and active styles and changes cursor to default | `boolean`                                                                                                      | `false`     |
+| `selected` | `selected` | Show card in selected state                                             | `boolean`                                                                                                      | `false`     |
+| `variant`  | `variant`  | Card variant                                                            | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
 
 
 ## Dependencies

package/build/docs/autogenerated/prompt/ix-checkbox/readme.md

@@ -60,10 +60,11 @@
         const checkboxGroup = document.querySelector('ix-checkbox-group');
 
         function checkedChange() {
-          parent.checked = children.every((cb) => cb.checked);
-          parent.indeterminate = children.some((cb) => cb.checked);
+          const checkedCount = children.filter((cb) => cb.checked).length;
+          const totalCount = children.length;
+          parent.checked = checkedCount === totalCount;
+          parent.indeterminate = checkedCount > 0 && checkedCount < totalCount;
         }
-
         function parentCheckedChange(event) {
           const { target } = event;
           event.stopPropagation();
@@ -945,16 +946,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 
@@ -972,7 +967,7 @@ LICENSE file in the root directory of this source tree.
 
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"
@@ -1317,16 +1312,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 
@@ -1344,7 +1333,7 @@ LICENSE file in the root directory of this source tree.
 
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"

package/build/docs/autogenerated/prompt/ix-checkbox-group/readme.md

@@ -39,10 +39,11 @@
         const checkboxGroup = document.querySelector('ix-checkbox-group');
 
         function checkedChange() {
-          parent.checked = children.every((cb) => cb.checked);
-          parent.indeterminate = children.some((cb) => cb.checked);
+          const checkedCount = children.filter((cb) => cb.checked).length;
+          const totalCount = children.length;
+          parent.checked = checkedCount === totalCount;
+          parent.indeterminate = checkedCount > 0 && checkedCount < totalCount;
         }
-
         function parentCheckedChange(event) {
           const { target } = event;
           event.stopPropagation();
@@ -516,16 +517,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 
@@ -543,7 +538,7 @@ LICENSE file in the root directory of this source tree.
 
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"
@@ -719,16 +714,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 
@@ -746,7 +735,7 @@ LICENSE file in the root directory of this source tree.
 
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"

package/build/docs/autogenerated/prompt/ix-message-bar/readme.md

@@ -45,7 +45,7 @@ export default () => {
         <IxMessageBar persistent>Message text</IxMessageBar>
         <IxMessageBar persistent>Message text</IxMessageBar>
         <IxMessageBar persistent type="alarm">
-          <div className="message-bar-danger">
+          <div className="message-bar-alarm">
             Message text <IxButton>Action</IxButton>
           </div>
         </IxMessageBar>
@@ -70,7 +70,7 @@ import { IxButton, IxMessageBar } from '@siemens/ix-vue';
     <IxMessageBar :persistent type="alarm">Message text</IxMessageBar>
     <IxMessageBar :persistent>Message text</IxMessageBar>
     <IxMessageBar :persistent>
-      <div className="message-bar-danger">
+      <div class="message-bar-alarm">
         Message text
         <ix-button>Action</ix-button>
       </div>
@@ -129,7 +129,7 @@ LICENSE file in the root directory of this source tree.
 
 
 import { Component } from '@angular/core';
-import { IxMessageBar, IxButton } from '@siemens/ix-angular/standalone';
+import { IxButton, IxMessageBar } from '@siemens/ix-angular/standalone';
 
 @Component({
   selector: 'app-example',

package/build/docs/autogenerated/prompt/ix-push-card/readme.md

@@ -713,15 +713,16 @@ LICENSE file in the root directory of this source tree.
 
 ## Properties
 
-| Property        | Attribute         | Description             | Type                                                                                                           | Default     |
-| --------------- | ----------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
-| `ariaLabelIcon` | `aria-label-icon` | ARIA label for the icon | `string \| undefined`                                                                                          | `undefined` |
-| `expanded`      | `expanded`        | Expand the card         | `boolean`                                                                                                      | `false`     |
-| `heading`       | `heading`         | Card heading            | `string \| undefined`                                                                                          | `undefined` |
-| `icon`          | `icon`            | Card icon               | `string \| undefined`                                                                                          | `undefined` |
-| `notification`  | `notification`    | Card KPI value          | `string \| undefined`                                                                                          | `undefined` |
-| `subheading`    | `subheading`      | Card subheading         | `string \| undefined`                                                                                          | `undefined` |
-| `variant`       | `variant`         | Card variant            | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
+| Property        | Attribute         | Description                                                             | Type                                                                                                           | Default     |
+| --------------- | ----------------- | ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ----------- |
+| `ariaLabelIcon` | `aria-label-icon` | ARIA label for the icon                                                 | `string \| undefined`                                                                                          | `undefined` |
+| `expanded`      | `expanded`        | Expand the card                                                         | `boolean`                                                                                                      | `false`     |
+| `heading`       | `heading`         | Card heading                                                            | `string \| undefined`                                                                                          | `undefined` |
+| `icon`          | `icon`            | Card icon                                                               | `string \| undefined`                                                                                          | `undefined` |
+| `notification`  | `notification`    | Card KPI value                                                          | `string \| undefined`                                                                                          | `undefined` |
+| `passive`       | `passive`         | If true, disables hover and active styles and changes cursor to default | `boolean`                                                                                                      | `false`     |
+| `subheading`    | `subheading`      | Card subheading                                                         | `string \| undefined`                                                                                          | `undefined` |
+| `variant`       | `variant`         | Card variant                                                            | `"alarm" \| "critical" \| "filled" \| "info" \| "neutral" \| "outline" \| "primary" \| "success" \| "warning"` | `'outline'` |
 
 
 ## Dependencies

package/build/docs/autogenerated/usage/angular/form-checkbox-group-indeterminate.html.md

@@ -1,7 +1,7 @@
 ```html
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"

package/build/docs/autogenerated/usage/angular/form-checkbox-group-indeterminate.ts.md

@@ -27,16 +27,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 ```

package/build/docs/autogenerated/usage/angular/message-bar.css.md

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.message-bar-danger {
+.message-bar-alarm {
   display: flex;
   align-items: center;
   justify-content: space-between;

package/build/docs/autogenerated/usage/angular_standalone/form-checkbox-group-indeterminate.html.md

@@ -1,7 +1,7 @@
 ```html
 <ix-checkbox-group>
   <ix-checkbox
-    indeterminate="{{this.parentCheckbox.indeterminate}}"
+    [indeterminate]="parentCheckbox.indeterminate"
     [(ngModel)]="this.parentCheckbox.checked"
     label="{{this.parentCheckbox.label}}"
     (checkedChange)="parentCheckedChange()"

package/build/docs/autogenerated/usage/angular_standalone/form-checkbox-group-indeterminate.ts.md

@@ -42,16 +42,10 @@ export default class FormCheckboxGroupIndeterminate {
   }
 
   checkedChange() {
-    if (this.childCheckboxes.every((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = true;
-    } else if (this.childCheckboxes.some((cb) => cb.checked)) {
-      this.parentCheckbox.indeterminate = true;
-      this.parentCheckbox.checked = false;
-    } else {
-      this.parentCheckbox.indeterminate = false;
-      this.parentCheckbox.checked = false;
-    }
+    const checkedCount = this.childCheckboxes.filter((cb) => cb.checked).length;
+    const totalCount = this.childCheckboxes.length;
+    this.parentCheckbox.checked = checkedCount === totalCount;
+    this.parentCheckbox.indeterminate = checkedCount > 0 && checkedCount < totalCount;
   }
 }
 ```

package/build/docs/autogenerated/usage/angular_standalone/message-bar.css.md

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.message-bar-danger {
+.message-bar-alarm {
   display: flex;
   align-items: center;
   justify-content: space-between;

package/build/docs/autogenerated/usage/angular_standalone/message-bar.ts.md

@@ -1,6 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
-import { IxMessageBar, IxButton } from '@siemens/ix-angular/standalone';
+import { IxButton, IxMessageBar } from '@siemens/ix-angular/standalone';
 
 @Component({
   selector: 'app-example',

package/build/docs/autogenerated/usage/html/form-checkbox-group-indeterminate.html.md

@@ -33,10 +33,11 @@
         const checkboxGroup = document.querySelector('ix-checkbox-group');
 
         function checkedChange() {
-          parent.checked = children.every((cb) => cb.checked);
-          parent.indeterminate = children.some((cb) => cb.checked);
+          const checkedCount = children.filter((cb) => cb.checked).length;
+          const totalCount = children.length;
+          parent.checked = checkedCount === totalCount;
+          parent.indeterminate = checkedCount > 0 && checkedCount < totalCount;
         }
-
         function parentCheckedChange(event) {
           const { target } = event;
           event.stopPropagation();

package/build/docs/autogenerated/usage/html/message-bar.css.md

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.message-bar-danger {
+.message-bar-alarm {
   display: flex;
   align-items: center;
   justify-content: space-between;