carbon-components-angular 5.67.0 → 5.68.0

package/docs/documentation.json

@@ -306,6 +306,50 @@
             "methods": [],
             "extends": []
         },
+        {
+            "name": "CheckboxGroupHost",
+            "id": "interface-CheckboxGroupHost-c4ec340616a371bff4aa6cf430e46ca66c52e4fe9f0bb2ea4d17db7199fd93391f6ffa46c255623e844cc22adac558d1dc3cdeb09313e35540c22c8d77a375a8",
+            "file": "src/checkbox/checkbox-group-host.ts",
+            "deprecated": false,
+            "deprecationMessage": "",
+            "type": "interface",
+            "sourceCode": "import { InjectionToken } from \"@angular/core\";\r\n\r\n/**\r\n * Host context for `cds-checkbox` when nested in `cds-checkbox-group`\r\n * (read-only and validation state can propagate from the group).\r\n */\r\nexport interface CheckboxGroupHost {\r\n\treadOnly: boolean;\r\n\tinvalid: boolean;\r\n\twarn: boolean;\r\n}\r\n\r\nexport const CHECKBOX_GROUP_HOST = new InjectionToken<CheckboxGroupHost | null>(\"CheckboxGroupHost\");\r\n",
+            "properties": [
+                {
+                    "name": "invalid",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "boolean",
+                    "optional": false,
+                    "description": "",
+                    "line": 9
+                },
+                {
+                    "name": "readOnly",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "boolean",
+                    "optional": false,
+                    "description": "",
+                    "line": 8
+                },
+                {
+                    "name": "warn",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "boolean",
+                    "optional": false,
+                    "description": "",
+                    "line": 10
+                }
+            ],
+            "indexSignatures": [],
+            "kind": 171,
+            "description": "<p>Host context for <code>cds-checkbox</code> when nested in <code>cds-checkbox-group</code>\n(read-only and validation state can propagate from the group).</p>\n",
+            "rawdescription": "\n\nHost context for `cds-checkbox` when nested in `cds-checkbox-group`\n(read-only and validation state can propagate from the group).\n",
+            "methods": [],
+            "extends": []
+        },
         {
             "name": "CloseMeta",
             "id": "interface-CloseMeta-aa4ccbe5ac7f0c088c23f7030f0e80b6df1f15a896569560a9894c55fe3826cde419fb4a9a0a69fbe0bb63d7dab9007b383d7bcb048884fa67e9290ed759a73b",
@@ -22925,7 +22969,7 @@
         },
         {
             "name": "Checkbox",
-            "id": "component-Checkbox-903078ac0c74d3b9c98940d4a7cd48115dd4609250ba018d2c54ae65f1a64faa99523ad63731575fef0c64690d2b409fe4b4c21a8b68a177c546d45bb48e78f6",
+            "id": "component-Checkbox-f5344f91336f8bb7bb61eabd6f30550bb85d4d2d8f38ac77fdc15cfccf7c4b7a90b70de80ba98f57508795bb91c2002690d7f54ed1a5370a4844bdd8f309e791",
             "file": "src/checkbox/checkbox.component.ts",
             "changeDetection": "ChangeDetectionStrategy.OnPush",
             "encapsulation": [],
@@ -22940,7 +22984,7 @@
             "selector": "cds-checkbox, ibm-checkbox",
             "styleUrls": [],
             "styles": [],
-            "template": "<div class=\"cds--form-item cds--checkbox-wrapper\">\n\t<input\n\t\t#inputCheckbox\n\t\tclass=\"cds--checkbox\"\n\t\ttype=\"checkbox\"\n\t\t[id]=\"id + '_input'\"\n\t\t[value]=\"value\"\n\t\t[name]=\"name\"\n\t\t[required]=\"required\"\n\t\t[checked]=\"checked\"\n\t\t[disabled]=\"disabled\"\n\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t(change)=\"onChange($event)\"\n\t\t(click)=\"onClick($event)\">\n\t<label\n\t\t[for]=\"id + '_input'\"\n\t\t[attr.aria-label]=\"ariaLabel\"\n\t\tclass=\"cds--checkbox-label\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton' : skeleton\n\t\t}\">\n\t\t<span [ngClass]=\"{'cds--visually-hidden' : hideLabel}\" class=\"cds--checkbox-label-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</span>\n\t</label>\n</div>\n\t",
+            "template": "<div class=\"cds--form-item cds--checkbox-wrapper\"\n\t[ngClass]=\"{\n\t\t'cds--checkbox-wrapper--invalid': !effectiveReadOnly && effectiveInvalid,\n\t\t'cds--checkbox-wrapper--warning': !effectiveReadOnly && !effectiveInvalid && effectiveWarn,\n\t\t'cds--checkbox-wrapper--readonly': effectiveReadOnly,\n\t\t'cds--checkbox-wrapper--decorator': !!decorator\n\t}\">\n\t<input\n\t\t#inputCheckbox\n\t\tclass=\"cds--checkbox\"\n\t\ttype=\"checkbox\"\n\t\t[id]=\"id + '_input'\"\n\t\t[value]=\"value\"\n\t\t[name]=\"name\"\n\t\t[required]=\"required\"\n\t\t[checked]=\"checked\"\n\t\t[disabled]=\"disabled\"\n\t\t[attr.data-invalid]=\"(!effectiveReadOnly && effectiveInvalid) ? true : null\"\n\t\t[attr.aria-readonly]=\"effectiveReadOnly ? true : null\"\n\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t[attr.aria-describedby]=\"(helperText && !effectiveInvalid && !effectiveWarn) ? helperId : null\"\n\t\t(change)=\"onChange($event)\"\n\t\t(click)=\"onClick($event)\">\n\t<label\n\t\t[for]=\"id + '_input'\"\n\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t[attr.title]=\"title || null\"\n\t\tclass=\"cds--checkbox-label\"\n\t\t[ngClass]=\"{\n\t\t\t'cds--skeleton' : skeleton\n\t\t}\">\n\t\t<span [ngClass]=\"{'cds--visually-hidden' : hideLabel}\" class=\"cds--checkbox-label-text\">\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-container *ngIf=\"decorator\">\n\t\t\t\t<div class=\"cds--checkbox-wrapper-inner--decorator\">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"decorator\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</span>\n\t</label>\n\t<div class=\"cds--checkbox__validation-msg\">\n\t\t<ng-container *ngIf=\"!effectiveReadOnly && effectiveInvalid\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--checkbox__invalid-icon\">\n\t\t\t</svg>\n\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"$any(invalidText)\"></ng-template>\n\t\t\t</div>\n\t\t</ng-container>\n\t\t<ng-container *ngIf=\"!effectiveReadOnly && !effectiveInvalid && effectiveWarn\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning\">\n\t\t\t</svg>\n\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"$any(warnText)\"></ng-template>\n\t\t\t</div>\n\t\t</ng-container>\n\t</div>\n\t<div\n\t\t*ngIf=\"helperText && !effectiveInvalid && !effectiveWarn\"\n\t\tclass=\"cds--form__helper-text\"\n\t\t[id]=\"helperId\">\n\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"$any(helperText)\"></ng-template>\n\t</div>\n</div>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -22949,7 +22993,7 @@
                     "name": "ariaLabel",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 108,
+                    "line": 160,
                     "type": "string",
                     "decorators": []
                 },
@@ -22957,7 +23001,7 @@
                     "name": "ariaLabelledby",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 109,
+                    "line": 161,
                     "type": "string",
                     "decorators": []
                 },
@@ -22967,10 +23011,20 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the `checked` state. `true` for checked, `false` for unchecked\n\nAllows double binding with the `checkedChange` Output.\n",
                     "description": "<p>Sets the <code>checked</code> state. <code>true</code> for checked, <code>false</code> for unchecked</p>\n<p>Allows double binding with the <code>checkedChange</code> Output.</p>\n",
-                    "line": 148,
+                    "line": 244,
                     "type": "boolean",
                     "decorators": []
                 },
+                {
+                    "name": "decorator",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional `TemplateRef` (e.g. AI label) rendered next to the label text.\n",
+                    "description": "<p>Optional <code>TemplateRef</code> (e.g. AI label) rendered next to the label text.</p>\n",
+                    "line": 205,
+                    "type": "TemplateRef<any>",
+                    "decorators": []
+                },
                 {
                     "name": "disabled",
                     "defaultValue": "false",
@@ -22978,10 +23032,20 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` for a disabled checkbox.\n",
                     "description": "<p>Set to <code>true</code> for a disabled checkbox.</p>\n",
-                    "line": 83,
+                    "line": 135,
                     "type": "boolean",
                     "decorators": []
                 },
+                {
+                    "name": "helperText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional helper text displayed below the checkbox label.\nNot shown when `invalid` or `warn` is `true`.\n",
+                    "description": "<p>Optional helper text displayed below the checkbox label.\nNot shown when <code>invalid</code> or <code>warn</code> is <code>true</code>.</p>\n",
+                    "line": 172,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                },
                 {
                     "name": "hideLabel",
                     "defaultValue": "false",
@@ -22989,7 +23053,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` to hide the checkbox labels.\n",
                     "description": "<p>Set to <code>true</code> to hide the checkbox labels.</p>\n",
-                    "line": 91,
+                    "line": 143,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -23000,7 +23064,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe unique id for the checkbox component.\n",
                     "description": "<p>The unique id for the checkbox component.</p>\n",
-                    "line": 99,
+                    "line": 151,
                     "type": "string",
                     "decorators": []
                 },
@@ -23010,27 +23074,57 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.\n\nAllows double binding with the `indeterminateChange` Output.\n",
                     "description": "<p>Set the checkbox&#39;s indeterminate state to match the parameter and transition the view to reflect the change.</p>\n<p>Allows double binding with the <code>indeterminateChange</code> Output.</p>\n",
-                    "line": 116,
+                    "line": 212,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "invalid",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to show the checkbox in an invalid/error state.\nWhen omitted inside a `cds-checkbox-group`, the group's `invalid` value applies.\n",
+                    "description": "<p>Set to <code>true</code> to show the checkbox in an invalid/error state.\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>invalid</code> value applies.</p>\n",
+                    "line": 178,
                     "type": "boolean",
                     "decorators": []
                 },
+                {
+                    "name": "invalidText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nThe error message displayed when `invalid` is `true`.\n",
+                    "description": "<p>The error message displayed when <code>invalid</code> is <code>true</code>.</p>\n",
+                    "line": 183,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                },
                 {
                     "name": "name",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the name attribute on the `input` element.\n",
                     "description": "<p>Sets the name attribute on the <code>input</code> element.</p>\n",
-                    "line": 95,
+                    "line": 147,
                     "type": "string",
                     "decorators": []
                 },
+                {
+                    "name": "readOnly",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nWhen `true`, the checkbox cannot be toggled (matches `readonly` attribute semantics for form controls).\nWhen omitted inside a `cds-checkbox-group`, the group's `readOnly` value applies.\n",
+                    "description": "<p>When <code>true</code>, the checkbox cannot be toggled (matches <code>readonly</code> attribute semantics for form controls).\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>readOnly</code> value applies.</p>\n",
+                    "line": 200,
+                    "type": "boolean",
+                    "decorators": []
+                },
                 {
                     "name": "required",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nReflects the required attribute of the `input` element.\n",
                     "description": "<p>Reflects the required attribute of the <code>input</code> element.</p>\n",
-                    "line": 103,
+                    "line": 155,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -23041,19 +23135,50 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` for a loading checkbox.\n",
                     "description": "<p>Set to <code>true</code> for a loading checkbox.</p>\n",
-                    "line": 87,
+                    "line": 139,
                     "type": "boolean",
                     "decorators": []
                 },
+                {
+                    "name": "title",
+                    "defaultValue": "\"\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional title for the `<label>` element.\n",
+                    "description": "<p>Optional title for the <code>&lt;label&gt;</code> element.</p>\n",
+                    "line": 166,
+                    "type": "string",
+                    "decorators": []
+                },
                 {
                     "name": "value",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the value attribute on the `input` element.\n",
                     "description": "<p>Sets the value attribute on the <code>input</code> element.</p>\n",
-                    "line": 107,
+                    "line": 159,
                     "type": "CheckboxValue",
                     "decorators": []
+                },
+                {
+                    "name": "warn",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to show the checkbox in a warning state.\nWhen omitted inside a `cds-checkbox-group`, the group's `warn` value applies.\n",
+                    "description": "<p>Set to <code>true</code> to show the checkbox in a warning state.\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>warn</code> value applies.</p>\n",
+                    "line": 189,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "warnText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nThe warning message displayed when `warn` is `true` and `invalid` is `false`.\n",
+                    "description": "<p>The warning message displayed when <code>warn</code> is <code>true</code> and <code>invalid</code> is <code>false</code>.</p>\n",
+                    "line": 194,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
                 }
             ],
             "outputsClass": [
@@ -23064,7 +23189,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the value of the checkbox changes.\n\nAllows double biding with the `checked` Input.\n",
                     "description": "<p>Emits an event when the value of the checkbox changes.</p>\n<p>Allows double biding with the <code>checked</code> Input.</p>\n",
-                    "line": 169,
+                    "line": 265,
                     "type": "EventEmitter"
                 },
                 {
@@ -23074,7 +23199,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits click event.\n",
                     "description": "<p>Emits click event.</p>\n",
-                    "line": 162,
+                    "line": 258,
                     "type": "EventEmitter"
                 },
                 {
@@ -23084,7 +23209,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits event notifying other classes when a change in state occurs specifically\non an indeterminate checkbox.\n",
                     "description": "<p>Emits event notifying other classes when a change in state occurs specifically\non an indeterminate checkbox.</p>\n",
-                    "line": 175,
+                    "line": 271,
                     "type": "EventEmitter"
                 }
             ],
@@ -23097,7 +23222,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Set to <code>true</code> if the input checkbox is selected (or checked).</p>\n",
-                    "line": 180,
+                    "line": 276,
                     "rawdescription": "\n\nSet to `true` if the input checkbox is selected (or checked).\n"
                 },
                 {
@@ -23108,7 +23233,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Set to <code>true</code> if the input checkbox is in state indeterminate.</p>\n",
-                    "line": 184,
+                    "line": 280,
                     "rawdescription": "\n\nSet to `true` if the input checkbox is in state indeterminate.\n"
                 },
                 {
@@ -23119,7 +23244,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "<p>Variable used for creating unique ids for checkbox components.</p>\n",
-                    "line": 78,
+                    "line": 128,
                     "rawdescription": "\n\nVariable used for creating unique ids for checkbox components.\n",
                     "modifierKind": [
                         126
@@ -23133,9 +23258,22 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Keeps a reference to the checkboxes current state, as defined in <code>CheckboxState</code>.</p>\n",
-                    "line": 189,
+                    "line": 285,
                     "rawdescription": "\n\nKeeps a reference to the checkboxes current state, as defined in `CheckboxState`.\n"
                 },
+                {
+                    "name": "helperId",
+                    "defaultValue": "`checkbox-helper-${Checkbox.helperIdCounter++}`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 292,
+                    "modifierKind": [
+                        148
+                    ]
+                },
                 {
                     "name": "inputCheckbox",
                     "deprecated": false,
@@ -23143,7 +23281,7 @@
                     "type": "ElementRef",
                     "optional": false,
                     "description": "<p>Maintains a reference to the view DOM element of the <code>Checkbox</code>.</p>\n",
-                    "line": 194,
+                    "line": 290,
                     "rawdescription": "\n\nMaintains a reference to the view DOM element of the `Checkbox`.\n",
                     "decorators": [
                         {
@@ -23163,7 +23301,7 @@
                     "type": "function",
                     "optional": false,
                     "description": "<p>Called when checkbox is blurred. Needed to properly implement <code>ControlValueAccessor</code>.</p>\n",
-                    "line": 284,
+                    "line": 421,
                     "rawdescription": "\n\nCalled when checkbox is blurred. Needed to properly implement `ControlValueAccessor`.\n"
                 },
                 {
@@ -23174,7 +23312,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Method set in <code>registerOnChange</code> to propagate changes back to the form.</p>\n",
-                    "line": 313,
+                    "line": 450,
                     "rawdescription": "\n\nMethod set in `registerOnChange` to propagate changes back to the form.\n"
                 }
             ],
@@ -23185,7 +23323,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 296,
+                    "line": 433,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCreates instance of `CheckboxChange` used to propagate the change event.\n",
@@ -23197,7 +23335,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 251,
+                    "line": 381,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -23210,6 +23348,48 @@
                         170
                     ]
                 },
+                {
+                    "name": "isTemplate",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "any",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "boolean",
+                    "typeParameters": [],
+                    "line": 455,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nReturns `true` when the provided value is a `TemplateRef`.\n",
+                    "description": "<p>Returns <code>true</code> when the provided value is a <code>TemplateRef</code>.</p>\n",
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "any",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "name": "markForCheckFromGroup",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 376,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nInvoked by `CheckboxGroup` when group `readOnly`, `invalid`, `warn` change so `OnPush`\ncheckboxes still refresh inherited state from `CHECKBOX_GROUP_HOST`.\n",
+                    "description": "<p>Invoked by <code>CheckboxGroup</code> when group <code>readOnly</code>, <code>invalid</code>, <code>warn</code> change so <code>OnPush</code>\ncheckboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.</p>\n"
+                },
                 {
                     "name": "onChange",
                     "args": [
@@ -23223,7 +23403,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 258,
+                    "line": 388,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nExecutes on the event of a change within `Checkbox` to block propagation.\n",
@@ -23253,7 +23433,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 265,
+                    "line": 395,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nHandles click events on the `Checkbox` and emits changes to other classes.\n",
@@ -23283,7 +23463,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 226,
+                    "line": 348,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets a method in order to propagate changes back to the form.\n",
@@ -23316,7 +23496,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 234,
+                    "line": 356,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nRegisters a callback to be triggered when the control has been touched.\n",
@@ -23327,8 +23507,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 5459,
-                                "end": 5461,
+                                "pos": 9624,
+                                "end": 9626,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23339,8 +23519,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 5453,
-                                "end": 5458,
+                                "pos": 9618,
+                                "end": 9623,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23364,7 +23544,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 245,
+                    "line": 367,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\n`ControlValueAccessor` method to programmatically disable the checkbox.\n\nex: `this.formGroup.get(\"myCheckbox\").disable();`\n\n",
@@ -23372,8 +23552,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 5740,
-                                "end": 5750,
+                                "pos": 9905,
+                                "end": 9915,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23384,8 +23564,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 5734,
-                                "end": 5739,
+                                "pos": 9899,
+                                "end": 9904,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23402,7 +23582,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 206,
+                    "line": 325,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nToggle the selected state of the checkbox.\n",
@@ -23424,7 +23604,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 289,
+                    "line": 426,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nHandles changes between checkbox states.\n",
@@ -23454,7 +23634,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 218,
+                    "line": 340,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nWrites a value from `ngModel` to the component.\n\nIn this case the value is the `checked` property.\n\n",
@@ -23465,8 +23645,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 5051,
-                                "end": 5056,
+                                "pos": 9216,
+                                "end": 9221,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23477,8 +23657,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 5045,
-                                "end": 5050,
+                                "pos": 9210,
+                                "end": 9215,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -23500,7 +23680,7 @@
                     "argsDecorator": [],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 251
+                    "line": 381
                 }
             ],
             "standalone": false,
@@ -23508,7 +23688,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { CheckboxModule } from &#39;carbon-components-angular&#39;;</code></pre></div><p><a href=\"../../?path=/story/components-checkbox--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { CheckboxModule } from 'carbon-components-angular';\n```\n\n[See demo](../../?path=/story/components-checkbox--basic)\n",
             "type": "component",
-            "sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInput,\n\tOutput,\n\tViewChild,\n\tHostListener\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { CheckboxValue } from \"./checkbox.types\";\n\n/**\n * Defines the set of states for a checkbox component.\n */\nexport enum CheckboxState {\n\tInit,\n\tIndeterminate,\n\tChecked,\n\tUnchecked\n}\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { CheckboxModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-checkbox--basic)\n */\n@Component({\n\tselector: \"cds-checkbox, ibm-checkbox\",\n\ttemplate: `\n\t\t<div class=\"cds--form-item cds--checkbox-wrapper\">\n\t\t\t<input\n\t\t\t\t#inputCheckbox\n\t\t\t\tclass=\"cds--checkbox\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\t[id]=\"id + '_input'\"\n\t\t\t\t[value]=\"value\"\n\t\t\t\t[name]=\"name\"\n\t\t\t\t[required]=\"required\"\n\t\t\t\t[checked]=\"checked\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t(click)=\"onClick($event)\">\n\t\t\t<label\n\t\t\t\t[for]=\"id + '_input'\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\tclass=\"cds--checkbox-label\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t\t}\">\n\t\t\t\t<span [ngClass]=\"{'cds--visually-hidden' : hideLabel}\" class=\"cds--checkbox-label-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Checkbox,\n\t\t\tmulti: true\n\t\t}\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class Checkbox implements ControlValueAccessor, AfterViewInit {\n\t/**\n\t * Variable used for creating unique ids for checkbox components.\n\t */\n\tstatic checkboxCount = 0;\n\n\t/**\n\t * Set to `true` for a disabled checkbox.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a loading checkbox.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to hide the checkbox labels.\n\t */\n\t@Input() hideLabel = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the checkbox component.\n\t */\n\t@Input() id = `checkbox-${Checkbox.checkboxCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value: CheckboxValue;\n\t@Input() ariaLabel: string;\n\t@Input() ariaLabelledby: string;\n\n\t/**\n\t * Set the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.\n\t *\n\t * Allows double binding with the `indeterminateChange` Output.\n\t */\n\t@Input() set indeterminate(indeterminate: boolean) {\n\t\tif (indeterminate === this._indeterminate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._indeterminate = indeterminate;\n\n\t\tif (this._indeterminate) {\n\t\t\tthis.transitionCheckboxState(CheckboxState.Indeterminate);\n\t\t} else {\n\t\t\tthis.transitionCheckboxState(this.checked ? CheckboxState.Checked : CheckboxState.Unchecked);\n\t\t}\n\n\t\tif (this.inputCheckbox && this.inputCheckbox.nativeElement) {\n\t\t\tthis.inputCheckbox.nativeElement.indeterminate = indeterminate;\n\t\t}\n\t\tthis.changeDetectorRef.markForCheck();\n\t\tthis.indeterminateChange.emit(this._indeterminate);\n\t}\n\n\t/**\n\t * Reflects whether the checkbox state is indeterminate.\n\t */\n\tget indeterminate() {\n\t\treturn this._indeterminate;\n\t}\n\n\t/**\n\t * Sets the `checked` state. `true` for checked, `false` for unchecked\n\t *\n\t * Allows double binding with the `checkedChange` Output.\n\t */\n\t@Input() set checked (checked: boolean) {\n\t\tthis.setChecked(checked, false);\n\t}\n\n\t/**\n\t * Returns value `true` if state is selected for the checkbox.\n\t */\n\tget checked() {\n\t\treturn this._checked;\n\t}\n\n\t/**\n\t * Emits click event.\n\t */\n\t@Output() click = new EventEmitter<void>();\n\n\t/**\n\t * Emits an event when the value of the checkbox changes.\n\t *\n\t * Allows double biding with the `checked` Input.\n\t */\n\t@Output() checkedChange = new EventEmitter<boolean>();\n\n\t/**\n\t * Emits event notifying other classes when a change in state occurs specifically\n\t * on an indeterminate checkbox.\n\t */\n\t@Output() indeterminateChange = new EventEmitter<boolean>();\n\n\t/**\n\t * Set to `true` if the input checkbox is selected (or checked).\n\t */\n\t_checked = false;\n\t/**\n\t * Set to `true` if the input checkbox is in state indeterminate.\n\t */\n\t_indeterminate = false;\n\n\t/**\n\t * Keeps a reference to the checkboxes current state, as defined in `CheckboxState`.\n\t */\n\tcurrentCheckboxState = CheckboxState.Init;\n\n\t/**\n\t * Maintains a reference to the view DOM element of the `Checkbox`.\n\t */\n\t@ViewChild(\"inputCheckbox\") inputCheckbox: ElementRef;\n\n\t/**\n\t * Creates an instance of `Checkbox`.\n\t */\n\tconstructor(protected changeDetectorRef: ChangeDetectorRef) {\n\t\tCheckbox.checkboxCount++;\n\t}\n\n\t/**\n\t * Toggle the selected state of the checkbox.\n\t */\n\tpublic toggle() {\n\t\t// Flip checked and reset indeterminate\n\t\tthis.setChecked(!this.checked, true);\n\t}\n\n\t/**\n\t * Writes a value from `ngModel` to the component.\n\t *\n\t * In this case the value is the `checked` property.\n\t *\n\t * @param value boolean, corresponds to the `checked` property.\n\t */\n\tpublic writeValue(value: any) {\n\t\t// Set checked and reset indeterminate\n\t\tthis.setChecked(!!value, true);\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the checkbox is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the checkbox.\n\t *\n\t * ex: `this.formGroup.get(\"myCheckbox\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the checkbox\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@HostListener(\"focusout\")\n\tfocusOut() {\n\t\tthis.onTouched();\n\t}\n\n\t/**\n\t * Executes on the event of a change within `Checkbox` to block propagation.\n\t */\n\tonChange(event: Event) {\n\t\tevent.stopPropagation();\n\t}\n\n\t/**\n\t * Handles click events on the `Checkbox` and emits changes to other classes.\n\t */\n\tonClick(event: Event) {\n\t\tif (this.click.observers.length) {\n\t\t\t// Disable default checkbox activation behavior which flips checked and resets indeterminate.\n\t\t\t// This allows the parent component to control the checked/indeterminate properties.\n\t\t\tevent.preventDefault();\n\t\t\tthis.click.emit();\n\t\t\treturn;\n\t\t}\n\t\tif (!this.disabled) {\n\t\t\tthis.toggle();\n\t\t\tthis.transitionCheckboxState(this._checked ? CheckboxState.Checked : CheckboxState.Unchecked);\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\n\t/**\n\t * Called when checkbox is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Handles changes between checkbox states.\n\t */\n\ttransitionCheckboxState(newState: CheckboxState) {\n\t\tthis.currentCheckboxState = newState;\n\t}\n\n\t/**\n\t * Creates instance of `CheckboxChange` used to propagate the change event.\n\t */\n\temitChangeEvent() {\n\t\tthis.checkedChange.emit(this.checked);\n\t\tthis.propagateChange(this.checked);\n\t}\n\n\t/**\n\t * Updates the checkbox if it is in the indeterminate state.\n\t */\n\tngAfterViewInit() {\n\t\tif (this.indeterminate && this.inputCheckbox && this.inputCheckbox.nativeElement) {\n\t\t\tthis.inputCheckbox.nativeElement.indeterminate = true;\n\t\t}\n\t}\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Sets checked state and optionally resets indeterminate state.\n\t */\n\tprivate setChecked(checked: boolean, resetIndeterminate: boolean) {\n\t\tif (checked === this._checked) {\n\t\t\treturn;\n\t\t}\n\t\tthis._checked = checked;\n\t\t// Reset indeterminate if requested\n\t\tif (resetIndeterminate && this._indeterminate) {\n\t\t\tthis._indeterminate = false;\n\t\t\tPromise.resolve().then(() => {\n\t\t\t\tthis.indeterminateChange.emit(this._indeterminate);\n\t\t\t});\n\t\t}\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n}\n",
+            "sourceCode": "import {\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tEventEmitter,\n\tInject,\n\tInput,\n\tOptional,\n\tOutput,\n\tTemplateRef,\n\tViewChild,\n\tHostListener\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\nimport { CheckboxValue } from \"./checkbox.types\";\nimport { CHECKBOX_GROUP_HOST, CheckboxGroupHost } from \"./checkbox-group-host\";\n\n/**\n * Defines the set of states for a checkbox component.\n */\nexport enum CheckboxState {\n\tInit,\n\tIndeterminate,\n\tChecked,\n\tUnchecked\n}\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { CheckboxModule } from 'carbon-components-angular';\n * ```\n *\n * [See demo](../../?path=/story/components-checkbox--basic)\n */\n@Component({\n\tselector: \"cds-checkbox, ibm-checkbox\",\n\ttemplate: `\n\t\t<div class=\"cds--form-item cds--checkbox-wrapper\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--checkbox-wrapper--invalid': !effectiveReadOnly && effectiveInvalid,\n\t\t\t\t'cds--checkbox-wrapper--warning': !effectiveReadOnly && !effectiveInvalid && effectiveWarn,\n\t\t\t\t'cds--checkbox-wrapper--readonly': effectiveReadOnly,\n\t\t\t\t'cds--checkbox-wrapper--decorator': !!decorator\n\t\t\t}\">\n\t\t\t<input\n\t\t\t\t#inputCheckbox\n\t\t\t\tclass=\"cds--checkbox\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\t[id]=\"id + '_input'\"\n\t\t\t\t[value]=\"value\"\n\t\t\t\t[name]=\"name\"\n\t\t\t\t[required]=\"required\"\n\t\t\t\t[checked]=\"checked\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[attr.data-invalid]=\"(!effectiveReadOnly && effectiveInvalid) ? true : null\"\n\t\t\t\t[attr.aria-readonly]=\"effectiveReadOnly ? true : null\"\n\t\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\"\n\t\t\t\t[attr.aria-describedby]=\"(helperText && !effectiveInvalid && !effectiveWarn) ? helperId : null\"\n\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t(click)=\"onClick($event)\">\n\t\t\t<label\n\t\t\t\t[for]=\"id + '_input'\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t\t[attr.title]=\"title || null\"\n\t\t\t\tclass=\"cds--checkbox-label\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--skeleton' : skeleton\n\t\t\t\t}\">\n\t\t\t\t<span [ngClass]=\"{'cds--visually-hidden' : hideLabel}\" class=\"cds--checkbox-label-text\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t<ng-container *ngIf=\"decorator\">\n\t\t\t\t\t\t<div class=\"cds--checkbox-wrapper-inner--decorator\">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"decorator\"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t\t<div class=\"cds--checkbox__validation-msg\">\n\t\t\t\t<ng-container *ngIf=\"!effectiveReadOnly && effectiveInvalid\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\tclass=\"cds--checkbox__invalid-icon\">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"$any(invalidText)\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container *ngIf=\"!effectiveReadOnly && !effectiveInvalid && effectiveWarn\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\t\t\tsize=\"16\"\n\t\t\t\t\t\tclass=\"cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning\">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"$any(warnText)\"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t*ngIf=\"helperText && !effectiveInvalid && !effectiveWarn\"\n\t\t\t\tclass=\"cds--form__helper-text\"\n\t\t\t\t[id]=\"helperId\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"$any(helperText)\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Checkbox,\n\t\t\tmulti: true\n\t\t}\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class Checkbox implements ControlValueAccessor, AfterViewInit {\n\t/**\n\t * Variable used for creating unique ids for checkbox components.\n\t */\n\tstatic checkboxCount = 0;\n\n\tprivate static helperIdCounter = 0;\n\n\t/**\n\t * Set to `true` for a disabled checkbox.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a loading checkbox.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` to hide the checkbox labels.\n\t */\n\t@Input() hideLabel = false;\n\t/**\n\t * Sets the name attribute on the `input` element.\n\t */\n\t@Input() name: string;\n\t/**\n\t * The unique id for the checkbox component.\n\t */\n\t@Input() id = `checkbox-${Checkbox.checkboxCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value: CheckboxValue;\n\t@Input() ariaLabel: string;\n\t@Input() ariaLabelledby: string;\n\n\t/**\n\t * Optional title for the `<label>` element.\n\t */\n\t@Input() title = \"\";\n\n\t/**\n\t * Optional helper text displayed below the checkbox label.\n\t * Not shown when `invalid` or `warn` is `true`.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\n\t/**\n\t * Set to `true` to show the checkbox in an invalid/error state.\n\t * When omitted inside a `cds-checkbox-group`, the group's `invalid` value applies.\n\t */\n\t@Input() invalid?: boolean;\n\n\t/**\n\t * The error message displayed when `invalid` is `true`.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\n\t/**\n\t * Set to `true` to show the checkbox in a warning state.\n\t * When omitted inside a `cds-checkbox-group`, the group's `warn` value applies.\n\t */\n\t@Input() warn?: boolean;\n\n\t/**\n\t * The warning message displayed when `warn` is `true` and `invalid` is `false`.\n\t */\n\t@Input() warnText: string | TemplateRef<any>;\n\n\t/**\n\t * When `true`, the checkbox cannot be toggled (matches `readonly` attribute semantics for form controls).\n\t * When omitted inside a `cds-checkbox-group`, the group's `readOnly` value applies.\n\t */\n\t@Input() readOnly?: boolean;\n\n\t/**\n\t * Optional `TemplateRef` (e.g. AI label) rendered next to the label text.\n\t */\n\t@Input() decorator: TemplateRef<any>;\n\n\t/**\n\t * Set the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.\n\t *\n\t * Allows double binding with the `indeterminateChange` Output.\n\t */\n\t@Input() set indeterminate(indeterminate: boolean) {\n\t\tif (indeterminate === this._indeterminate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._indeterminate = indeterminate;\n\n\t\tif (this._indeterminate) {\n\t\t\tthis.transitionCheckboxState(CheckboxState.Indeterminate);\n\t\t} else {\n\t\t\tthis.transitionCheckboxState(this.checked ? CheckboxState.Checked : CheckboxState.Unchecked);\n\t\t}\n\n\t\tif (this.inputCheckbox && this.inputCheckbox.nativeElement) {\n\t\t\tthis.inputCheckbox.nativeElement.indeterminate = indeterminate;\n\t\t}\n\t\tthis.changeDetectorRef.markForCheck();\n\t\tthis.indeterminateChange.emit(this._indeterminate);\n\t}\n\n\t/**\n\t * Reflects whether the checkbox state is indeterminate.\n\t */\n\tget indeterminate() {\n\t\treturn this._indeterminate;\n\t}\n\n\t/**\n\t * Sets the `checked` state. `true` for checked, `false` for unchecked\n\t *\n\t * Allows double binding with the `checkedChange` Output.\n\t */\n\t@Input() set checked (checked: boolean) {\n\t\tthis.setChecked(checked, false);\n\t}\n\n\t/**\n\t * Returns value `true` if state is selected for the checkbox.\n\t */\n\tget checked() {\n\t\treturn this._checked;\n\t}\n\n\t/**\n\t * Emits click event.\n\t */\n\t@Output() click = new EventEmitter<void>();\n\n\t/**\n\t * Emits an event when the value of the checkbox changes.\n\t *\n\t * Allows double biding with the `checked` Input.\n\t */\n\t@Output() checkedChange = new EventEmitter<boolean>();\n\n\t/**\n\t * Emits event notifying other classes when a change in state occurs specifically\n\t * on an indeterminate checkbox.\n\t */\n\t@Output() indeterminateChange = new EventEmitter<boolean>();\n\n\t/**\n\t * Set to `true` if the input checkbox is selected (or checked).\n\t */\n\t_checked = false;\n\t/**\n\t * Set to `true` if the input checkbox is in state indeterminate.\n\t */\n\t_indeterminate = false;\n\n\t/**\n\t * Keeps a reference to the checkboxes current state, as defined in `CheckboxState`.\n\t */\n\tcurrentCheckboxState = CheckboxState.Init;\n\n\t/**\n\t * Maintains a reference to the view DOM element of the `Checkbox`.\n\t */\n\t@ViewChild(\"inputCheckbox\") inputCheckbox: ElementRef;\n\n\treadonly helperId = `checkbox-helper-${Checkbox.helperIdCounter++}`;\n\n\t/**\n\t * Creates an instance of `Checkbox`.\n\t */\n\tconstructor(\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t\t@Optional() @Inject(CHECKBOX_GROUP_HOST) private hostGroup: CheckboxGroupHost | null\n\t) {\n\t\tCheckbox.checkboxCount++;\n\t}\n\n\tget effectiveReadOnly(): boolean {\n\t\tconst own = this.readOnly;\n\t\tconst group = this.hostGroup?.readOnly ?? false;\n\t\treturn !!(own !== undefined ? own : group);\n\t}\n\n\tget effectiveInvalid(): boolean {\n\t\tconst own = this.invalid;\n\t\tconst group = this.hostGroup?.invalid ?? false;\n\t\treturn !!(own !== undefined ? own : group);\n\t}\n\n\tget effectiveWarn(): boolean {\n\t\tconst own = this.warn;\n\t\tconst group = this.hostGroup?.warn ?? false;\n\t\treturn !!(own !== undefined ? own : group);\n\t}\n\n\t/**\n\t * Toggle the selected state of the checkbox.\n\t */\n\tpublic toggle() {\n\t\tif (this.effectiveReadOnly) {\n\t\t\treturn;\n\t\t}\n\t\t// Flip checked and reset indeterminate\n\t\tthis.setChecked(!this.checked, true);\n\t}\n\n\t/**\n\t * Writes a value from `ngModel` to the component.\n\t *\n\t * In this case the value is the `checked` property.\n\t *\n\t * @param value boolean, corresponds to the `checked` property.\n\t */\n\tpublic writeValue(value: any) {\n\t\t// Set checked and reset indeterminate\n\t\tthis.setChecked(!!value, true);\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the checkbox is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the checkbox.\n\t *\n\t * ex: `this.formGroup.get(\"myCheckbox\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the checkbox\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t/**\n\t * Invoked by `CheckboxGroup` when group `readOnly`, `invalid`, `warn` change so `OnPush`\n\t * checkboxes still refresh inherited state from `CHECKBOX_GROUP_HOST`.\n\t */\n\tmarkForCheckFromGroup(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@HostListener(\"focusout\")\n\tfocusOut() {\n\t\tthis.onTouched();\n\t}\n\n\t/**\n\t * Executes on the event of a change within `Checkbox` to block propagation.\n\t */\n\tonChange(event: Event) {\n\t\tevent.stopPropagation();\n\t}\n\n\t/**\n\t * Handles click events on the `Checkbox` and emits changes to other classes.\n\t */\n\tonClick(event: Event) {\n\t\tif (this.effectiveReadOnly) {\n\t\t\tevent.preventDefault();\n\t\t\tif (this.click.observers.length) {\n\t\t\t\tthis.click.emit();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (this.click.observers.length) {\n\t\t\t// Disable default checkbox activation behavior which flips checked and resets indeterminate.\n\t\t\t// This allows the parent component to control the checked/indeterminate properties.\n\t\t\tevent.preventDefault();\n\t\t\tthis.click.emit();\n\t\t\treturn;\n\t\t}\n\t\tif (!this.disabled) {\n\t\t\tthis.toggle();\n\t\t\tthis.transitionCheckboxState(this._checked ? CheckboxState.Checked : CheckboxState.Unchecked);\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\n\t/**\n\t * Called when checkbox is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => {};\n\n\t/**\n\t * Handles changes between checkbox states.\n\t */\n\ttransitionCheckboxState(newState: CheckboxState) {\n\t\tthis.currentCheckboxState = newState;\n\t}\n\n\t/**\n\t * Creates instance of `CheckboxChange` used to propagate the change event.\n\t */\n\temitChangeEvent() {\n\t\tthis.checkedChange.emit(this.checked);\n\t\tthis.propagateChange(this.checked);\n\t}\n\n\t/**\n\t * Updates the checkbox if it is in the indeterminate state.\n\t */\n\tngAfterViewInit() {\n\t\tif (this.indeterminate && this.inputCheckbox && this.inputCheckbox.nativeElement) {\n\t\t\tthis.inputCheckbox.nativeElement.indeterminate = true;\n\t\t}\n\t}\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => {};\n\n\t/**\n\t * Returns `true` when the provided value is a `TemplateRef`.\n\t */\n\tisTemplate(value: any): boolean {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\t/**\n\t * Sets checked state and optionally resets indeterminate state.\n\t */\n\tprivate setChecked(checked: boolean, resetIndeterminate: boolean) {\n\t\tif (checked === this._checked) {\n\t\t\treturn;\n\t\t}\n\t\tthis._checked = checked;\n\t\t// Reset indeterminate if requested\n\t\tif (resetIndeterminate && this._indeterminate) {\n\t\t\tthis._indeterminate = false;\n\t\t\tPromise.resolve().then(() => {\n\t\t\t\tthis.indeterminateChange.emit(this._indeterminate);\n\t\t\t});\n\t\t}\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -23523,9 +23703,15 @@
                         "type": "ChangeDetectorRef",
                         "deprecated": false,
                         "deprecationMessage": ""
+                    },
+                    {
+                        "name": "hostGroup",
+                        "type": "CheckboxGroupHost | null",
+                        "deprecated": false,
+                        "deprecationMessage": ""
                     }
                 ],
-                "line": 194,
+                "line": 292,
                 "rawdescription": "\n\nCreates an instance of `Checkbox`.\n",
                 "jsdoctags": [
                     {
@@ -23536,6 +23722,15 @@
                         "tagName": {
                             "text": "param"
                         }
+                    },
+                    {
+                        "name": "hostGroup",
+                        "type": "CheckboxGroupHost | null",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
                     }
                 ]
             },
@@ -23561,7 +23756,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 116,
+                        "line": 212,
                         "rawdescription": "\n\nSet the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.\n\nAllows double binding with the `indeterminateChange` Output.\n",
                         "description": "<p>Set the checkbox&#39;s indeterminate state to match the parameter and transition the view to reflect the change.</p>\n<p>Allows double binding with the <code>indeterminateChange</code> Output.</p>\n",
                         "jsdoctags": [
@@ -23580,7 +23775,7 @@
                         "name": "indeterminate",
                         "type": "",
                         "returnType": "",
-                        "line": 139,
+                        "line": 235,
                         "rawdescription": "\n\nReflects whether the checkbox state is indeterminate.\n",
                         "description": "<p>Reflects whether the checkbox state is indeterminate.</p>\n"
                     }
@@ -23601,7 +23796,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 148,
+                        "line": 244,
                         "rawdescription": "\n\nSets the `checked` state. `true` for checked, `false` for unchecked\n\nAllows double binding with the `checkedChange` Output.\n",
                         "description": "<p>Sets the <code>checked</code> state. <code>true</code> for checked, <code>false</code> for unchecked</p>\n<p>Allows double binding with the <code>checkedChange</code> Output.</p>\n",
                         "jsdoctags": [
@@ -23620,13 +23815,299 @@
                         "name": "checked",
                         "type": "",
                         "returnType": "",
-                        "line": 155,
+                        "line": 251,
                         "rawdescription": "\n\nReturns value `true` if state is selected for the checkbox.\n",
                         "description": "<p>Returns value <code>true</code> if state is selected for the checkbox.</p>\n"
                     }
+                },
+                "effectiveReadOnly": {
+                    "name": "effectiveReadOnly",
+                    "getSignature": {
+                        "name": "effectiveReadOnly",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 304
+                    }
+                },
+                "effectiveInvalid": {
+                    "name": "effectiveInvalid",
+                    "getSignature": {
+                        "name": "effectiveInvalid",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 310
+                    }
+                },
+                "effectiveWarn": {
+                    "name": "effectiveWarn",
+                    "getSignature": {
+                        "name": "effectiveWarn",
+                        "type": "boolean",
+                        "returnType": "boolean",
+                        "line": 316
+                    }
                 }
             }
         },
+        {
+            "name": "CheckboxGroup",
+            "id": "component-CheckboxGroup-dfc0081275f1f42cedf2100cc0472380ef2039695f15fdee02850bac0c36d4823bb04b0e2365bf308f9d4ee81172de2da76889aaecf27ca467d3ef88f9027645",
+            "file": "src/checkbox/checkbox-group.component.ts",
+            "changeDetection": "ChangeDetectionStrategy.OnPush",
+            "encapsulation": [],
+            "entryComponents": [],
+            "inputs": [],
+            "outputs": [],
+            "providers": [
+                {
+                    "name": "{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }"
+                }
+            ],
+            "selector": "cds-checkbox-group, ibm-checkbox-group",
+            "styleUrls": [],
+            "styles": [],
+            "template": "<fieldset\n\tclass=\"cds--checkbox-group\"\n\t[ngClass]=\"{\n\t\t'cds--checkbox-group--horizontal': orientation === 'horizontal',\n\t\t'cds--checkbox-group--readonly': readOnly,\n\t\t'cds--checkbox-group--invalid': !readOnly && invalid,\n\t\t'cds--checkbox-group--warning': !readOnly && !invalid && warn,\n\t\t'cds--checkbox-group--decorator': !!decorator\n\t}\"\n\t[attr.data-invalid]=\"invalid ? true : null\"\n\t[attr.aria-labelledby]=\"legendId || fieldsetAriaLabelledby || null\"\n\t[attr.aria-readonly]=\"readOnly ? true : null\"\n\t[attr.aria-describedby]=\"(helperText && !invalid && !warn) ? helperTextId : null\">\n\t<legend *ngIf=\"legend\" class=\"cds--label\" [attr.id]=\"legendId || null\">\n\t\t<ng-template *ngIf=\"isTemplate(legend); else legendLabel\" [ngTemplateOutlet]=\"legend\"></ng-template>\n\t\t<ng-template #legendLabel>{{legend}}</ng-template>\n\t\t<ng-container *ngIf=\"decorator\">\n\t\t\t<div class=\"cds--checkbox-group-inner--decorator\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"decorator\"></ng-template>\n\t\t\t</div>\n\t\t</ng-container>\n\t</legend>\n\t<ng-content></ng-content>\n\t<div class=\"cds--checkbox-group__validation-msg\">\n\t\t<ng-container *ngIf=\"!readOnly && invalid\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--checkbox__invalid-icon\">\n\t\t\t</svg>\n\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{ invalidText }}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</ng-container>\n\t\t<ng-container *ngIf=\"!readOnly && !invalid && warn\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"warning--alt--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning\">\n\t\t\t</svg>\n\t\t\t<div class=\"cds--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n\t\t\t</div>\n\t\t</ng-container>\n\t</div>\n\t<div\n\t\t*ngIf=\"helperText && !invalid && !warn\"\n\t\tclass=\"cds--form__helper-text\"\n\t\t[id]=\"helperTextId\">\n\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t</div>\n</fieldset>\n\t",
+            "templateUrl": [],
+            "viewProviders": [],
+            "hostDirectives": [],
+            "inputsClass": [
+                {
+                    "name": "decorator",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional decorator (e.g. AI label) rendered in the legend.\n",
+                    "description": "<p>Optional decorator (e.g. AI label) rendered in the legend.</p>\n",
+                    "line": 130,
+                    "type": "TemplateRef<any>",
+                    "decorators": []
+                },
+                {
+                    "name": "fieldsetAriaLabelledby",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional `aria-labelledby` for the `<fieldset>` when not using `legendId`.\n",
+                    "description": "<p>Optional <code>aria-labelledby</code> for the <code>&lt;fieldset&gt;</code> when not using <code>legendId</code>.</p>\n",
+                    "line": 111,
+                    "type": "string",
+                    "decorators": []
+                },
+                {
+                    "name": "helperText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 115,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                },
+                {
+                    "name": "invalid",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 117,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "invalidText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 119,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                },
+                {
+                    "name": "legend",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 101,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                },
+                {
+                    "name": "legendId",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional id for the `<legend>`; referenced by `fieldsetAriaLabelledby` when set.\n",
+                    "description": "<p>Optional id for the <code>&lt;legend&gt;</code>; referenced by <code>fieldsetAriaLabelledby</code> when set.</p>\n",
+                    "line": 106,
+                    "type": "string",
+                    "decorators": []
+                },
+                {
+                    "name": "orientation",
+                    "defaultValue": "\"vertical\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 113,
+                    "type": "\"horizontal\" | \"vertical\"",
+                    "decorators": []
+                },
+                {
+                    "name": "readOnly",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 125,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "warn",
+                    "defaultValue": "false",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 121,
+                    "type": "boolean",
+                    "decorators": []
+                },
+                {
+                    "name": "warnText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 123,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": []
+                }
+            ],
+            "outputsClass": [],
+            "propertiesClass": [
+                {
+                    "name": "checkboxes",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "QueryList<Checkbox>",
+                    "optional": false,
+                    "description": "",
+                    "line": 97,
+                    "decorators": [
+                        {
+                            "name": "ContentChildren",
+                            "stringifiedArguments": "undefined, {descendants: true}"
+                        }
+                    ],
+                    "modifierKind": [
+                        170
+                    ]
+                },
+                {
+                    "name": "helperTextId",
+                    "defaultValue": "`checkbox-group-helper-${CheckboxGroup.nextHelperId++}`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 99,
+                    "modifierKind": [
+                        148
+                    ]
+                },
+                {
+                    "name": "hostFormItem",
+                    "defaultValue": "true",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 94,
+                    "decorators": [
+                        {
+                            "name": "HostBinding",
+                            "stringifiedArguments": "'class.cds--form-item'"
+                        }
+                    ],
+                    "modifierKind": [
+                        170
+                    ]
+                }
+            ],
+            "methodsClass": [
+                {
+                    "name": "isTemplate",
+                    "args": [
+                        {
+                            "name": "value",
+                            "type": "any",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "boolean",
+                    "typeParameters": [],
+                    "line": 144,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "value",
+                            "type": "any",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "deprecated": false,
+            "deprecationMessage": "",
+            "hostBindings": [
+                {
+                    "name": "class.cds--form-item",
+                    "defaultValue": "true",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "line": 94,
+                    "type": "boolean",
+                    "decorators": []
+                }
+            ],
+            "hostListeners": [],
+            "standalone": false,
+            "imports": [],
+            "description": "<p>Groups related checkboxes with a shared legend, validation, and optional decorator\n(e.g. AI label).</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;cds-checkbox-group legend=&quot;Group label&quot; [decorator]=&quot;decoratorTpl&quot;&gt;\n  &lt;cds-checkbox&gt;Option 1&lt;/cds-checkbox&gt;\n&lt;/cds-checkbox-group&gt;</code></pre></div>",
+            "rawdescription": "\n\nGroups related checkboxes with a shared legend, validation, and optional decorator\n(e.g. AI label).\n\n```html\n<cds-checkbox-group legend=\"Group label\" [decorator]=\"decoratorTpl\">\n  <cds-checkbox>Option 1</cds-checkbox>\n</cds-checkbox-group>\n```\n",
+            "type": "component",
+            "sourceCode": "import {\r\n\tAfterContentInit,\r\n\tChangeDetectionStrategy,\r\n\tChangeDetectorRef,\r\n\tComponent,\r\n\tContentChildren,\r\n\tforwardRef,\r\n\tHostBinding,\r\n\tInput,\r\n\tOnChanges,\r\n\tQueryList,\r\n\tSimpleChanges,\r\n\tTemplateRef\r\n} from \"@angular/core\";\r\nimport { CHECKBOX_GROUP_HOST } from \"./checkbox-group-host\";\r\nimport { Checkbox } from \"./checkbox.component\";\r\n\r\n/**\r\n * Groups related checkboxes with a shared legend, validation, and optional decorator\r\n * (e.g. AI label).\r\n *\r\n * ```html\r\n * <cds-checkbox-group legend=\"Group label\" [decorator]=\"decoratorTpl\">\r\n *   <cds-checkbox>Option 1</cds-checkbox>\r\n * </cds-checkbox-group>\r\n * ```\r\n */\r\n@Component({\r\n\tselector: \"cds-checkbox-group, ibm-checkbox-group\",\r\n\ttemplate: `\r\n\t\t<fieldset\r\n\t\t\tclass=\"cds--checkbox-group\"\r\n\t\t\t[ngClass]=\"{\r\n\t\t\t\t'cds--checkbox-group--horizontal': orientation === 'horizontal',\r\n\t\t\t\t'cds--checkbox-group--readonly': readOnly,\r\n\t\t\t\t'cds--checkbox-group--invalid': !readOnly && invalid,\r\n\t\t\t\t'cds--checkbox-group--warning': !readOnly && !invalid && warn,\r\n\t\t\t\t'cds--checkbox-group--decorator': !!decorator\r\n\t\t\t}\"\r\n\t\t\t[attr.data-invalid]=\"invalid ? true : null\"\r\n\t\t\t[attr.aria-labelledby]=\"legendId || fieldsetAriaLabelledby || null\"\r\n\t\t\t[attr.aria-readonly]=\"readOnly ? true : null\"\r\n\t\t\t[attr.aria-describedby]=\"(helperText && !invalid && !warn) ? helperTextId : null\">\r\n\t\t\t<legend *ngIf=\"legend\" class=\"cds--label\" [attr.id]=\"legendId || null\">\r\n\t\t\t\t<ng-template *ngIf=\"isTemplate(legend); else legendLabel\" [ngTemplateOutlet]=\"legend\"></ng-template>\r\n\t\t\t\t<ng-template #legendLabel>{{legend}}</ng-template>\r\n\t\t\t\t<ng-container *ngIf=\"decorator\">\r\n\t\t\t\t\t<div class=\"cds--checkbox-group-inner--decorator\">\r\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"decorator\"></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</legend>\r\n\t\t\t<ng-content></ng-content>\r\n\t\t\t<div class=\"cds--checkbox-group__validation-msg\">\r\n\t\t\t\t<ng-container *ngIf=\"!readOnly && invalid\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tcdsIcon=\"warning--filled\"\r\n\t\t\t\t\t\tsize=\"16\"\r\n\t\t\t\t\t\tclass=\"cds--checkbox__invalid-icon\">\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<div class=\"cds--form-requirement\">\r\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{ invalidText }}</ng-container>\r\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"!readOnly && !invalid && warn\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tcdsIcon=\"warning--alt--filled\"\r\n\t\t\t\t\t\tsize=\"16\"\r\n\t\t\t\t\t\tclass=\"cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning\">\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<div class=\"cds--form-requirement\">\r\n\t\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(warnText)\">{{warnText}}</ng-container>\r\n\t\t\t\t\t\t<ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\t*ngIf=\"helperText && !invalid && !warn\"\r\n\t\t\t\tclass=\"cds--form__helper-text\"\r\n\t\t\t\t[id]=\"helperTextId\">\r\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\r\n\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\r\n\t\t\t</div>\r\n\t\t</fieldset>\r\n\t`,\r\n\tproviders: [\r\n\t\t{ provide: CHECKBOX_GROUP_HOST, useExisting: CheckboxGroup }\r\n\t],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CheckboxGroup implements OnChanges, AfterContentInit {\r\n\tprivate static nextHelperId = 0;\r\n\t@HostBinding(\"class.cds--form-item\") hostFormItem = true;\r\n\r\n\t// tslint:disable-next-line:no-forward-ref\r\n\t@ContentChildren(forwardRef(() => Checkbox), { descendants: true }) checkboxes: QueryList<Checkbox>;\r\n\r\n\treadonly helperTextId = `checkbox-group-helper-${CheckboxGroup.nextHelperId++}`;\r\n\r\n\t@Input() legend: string | TemplateRef<any>;\r\n\r\n\t/**\r\n\t * Optional id for the `<legend>`; referenced by `fieldsetAriaLabelledby` when set.\r\n\t */\r\n\t@Input() legendId: string;\r\n\r\n\t/**\r\n\t * Optional `aria-labelledby` for the `<fieldset>` when not using `legendId`.\r\n\t */\r\n\t@Input() fieldsetAriaLabelledby: string;\r\n\r\n\t@Input() orientation: \"horizontal\" | \"vertical\" = \"vertical\";\r\n\r\n\t@Input() helperText: string | TemplateRef<any>;\r\n\r\n\t@Input() invalid = false;\r\n\r\n\t@Input() invalidText: string | TemplateRef<any>;\r\n\r\n\t@Input() warn = false;\r\n\r\n\t@Input() warnText: string | TemplateRef<any>;\r\n\r\n\t@Input() readOnly = false;\r\n\r\n\t/**\r\n\t * Optional decorator (e.g. AI label) rendered in the legend.\r\n\t */\r\n\t@Input() decorator: TemplateRef<any>;\r\n\r\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\r\n\r\n\tngOnChanges(changes: SimpleChanges) {\r\n\t\tif (changes[\"readOnly\"] || changes[\"invalid\"] || changes[\"warn\"]) {\r\n\t\t\tthis.notifyCheckboxesHostStateChanged();\r\n\t\t}\r\n\t}\r\n\r\n\tngAfterContentInit() {\r\n\t\tthis.checkboxes.changes.subscribe(() => this.notifyCheckboxesHostStateChanged());\r\n\t}\r\n\r\n\tisTemplate(value: any): boolean {\r\n\t\treturn value instanceof TemplateRef;\r\n\t}\r\n\r\n\tprivate notifyCheckboxesHostStateChanged() {\r\n\t\tPromise.resolve().then(() => {\r\n\t\t\tthis.checkboxes?.forEach((cb) => cb.markForCheckFromGroup());\r\n\t\t\tthis.changeDetectorRef.markForCheck();\r\n\t\t});\r\n\t}\r\n}\r\n",
+            "assetsDirs": [],
+            "styleUrlsData": "",
+            "stylesData": "",
+            "constructorObj": {
+                "name": "constructor",
+                "description": "",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "args": [
+                    {
+                        "name": "changeDetectorRef",
+                        "type": "ChangeDetectorRef",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    }
+                ],
+                "line": 130,
+                "jsdoctags": [
+                    {
+                        "name": "changeDetectorRef",
+                        "type": "ChangeDetectorRef",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    }
+                ]
+            },
+            "extends": [],
+            "implements": [
+                "OnChanges",
+                "AfterContentInit"
+            ]
+        },
         {
             "name": "ClickableTile",
             "id": "component-ClickableTile-33c5524f5eb2a36febf1cae9ec1fa07c3bd0dcc4695974e1f1f2e9e24140795a15b1e7ed1220ffd02a24ae38b55601b92b6f5840b4e1b34de7239f80a0a0707f",
@@ -69694,7 +70175,7 @@
         },
         {
             "name": "Toggle",
-            "id": "component-Toggle-d995b80181399528e11b176c60b3306776c03e4548c63b010966add22c0027cf072b43d319555b9e055ab0f3252a63888fa3789470590c335e696af90c318fab",
+            "id": "component-Toggle-ee04b9e5ebf39f394bb48005078e8449c7813ac9a7c4207629f81221f8d3fe05823b1b9e84764a21d90a8fb7fe5db055154b149a570d09faad144bef92c2f946",
             "file": "src/toggle/toggle.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -69719,7 +70200,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet `aria-label` property for the button when label is empty\n",
                     "description": "<p>Set <code>aria-label</code> property for the button when label is empty</p>\n",
-                    "line": 151,
+                    "line": 153,
                     "type": "string",
                     "decorators": [],
                     "inheritance": {
@@ -69733,7 +70214,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` to hide the toggle label & set toggle on/off text to label.\n",
                     "description": "<p>Set to <code>true</code> to hide the toggle label &amp; set toggle on/off text to label.</p>\n",
-                    "line": 146,
+                    "line": 148,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -69746,7 +70227,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nText that is set as the label of the toggle.\n",
                     "description": "<p>Text that is set as the label of the toggle.</p>\n",
-                    "line": 138,
+                    "line": 140,
                     "type": "string | TemplateRef<any>",
                     "decorators": []
                 },
@@ -69756,7 +70237,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nText that is set on the left side of the toggle.\n",
                     "description": "<p>Text that is set on the left side of the toggle.</p>\n",
-                    "line": 116,
+                    "line": 118,
                     "type": "string | Observable",
                     "decorators": []
                 },
@@ -69766,7 +70247,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nText that is set on the right side of the toggle.\n",
                     "description": "<p>Text that is set on the right side of the toggle.</p>\n",
-                    "line": 128,
+                    "line": 130,
                     "type": "string | Observable",
                     "decorators": []
                 },
@@ -69777,7 +70258,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSize of the toggle component.\n",
                     "description": "<p>Size of the toggle component.</p>\n",
-                    "line": 142,
+                    "line": 144,
                     "type": "\"sm\" | \"md\"",
                     "decorators": []
                 },
@@ -69786,7 +70267,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 153,
+                    "line": 155,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
@@ -69797,7 +70278,7 @@
                     "name": "ariaLabelledby",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 109,
+                    "line": 161,
                     "type": "string",
                     "decorators": [],
                     "inheritance": {
@@ -69810,13 +70291,26 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the `checked` state. `true` for checked, `false` for unchecked\n\nAllows double binding with the `checkedChange` Output.\n",
                     "description": "<p>Sets the <code>checked</code> state. <code>true</code> for checked, <code>false</code> for unchecked</p>\n<p>Allows double binding with the <code>checkedChange</code> Output.</p>\n",
-                    "line": 148,
+                    "line": 244,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "decorator",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional `TemplateRef` (e.g. AI label) rendered next to the label text.\n",
+                    "description": "<p>Optional <code>TemplateRef</code> (e.g. AI label) rendered next to the label text.</p>\n",
+                    "line": 205,
+                    "type": "TemplateRef<any>",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "disabled",
                     "defaultValue": "false",
@@ -69824,13 +70318,26 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet to `true` for a disabled checkbox.\n",
                     "description": "<p>Set to <code>true</code> for a disabled checkbox.</p>\n",
-                    "line": 83,
+                    "line": 135,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "helperText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional helper text displayed below the checkbox label.\nNot shown when `invalid` or `warn` is `true`.\n",
+                    "description": "<p>Optional helper text displayed below the checkbox label.\nNot shown when <code>invalid</code> or <code>warn</code> is <code>true</code>.</p>\n",
+                    "line": 172,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "id",
                     "defaultValue": "`checkbox-${Checkbox.checkboxCount}`",
@@ -69838,7 +70345,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nThe unique id for the checkbox component.\n",
                     "description": "<p>The unique id for the checkbox component.</p>\n",
-                    "line": 99,
+                    "line": 151,
                     "type": "string",
                     "decorators": [],
                     "inheritance": {
@@ -69851,51 +70358,130 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSet the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.\n\nAllows double binding with the `indeterminateChange` Output.\n",
                     "description": "<p>Set the checkbox&#39;s indeterminate state to match the parameter and transition the view to reflect the change.</p>\n<p>Allows double binding with the <code>indeterminateChange</code> Output.</p>\n",
-                    "line": 116,
+                    "line": 212,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "invalid",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to show the checkbox in an invalid/error state.\nWhen omitted inside a `cds-checkbox-group`, the group's `invalid` value applies.\n",
+                    "description": "<p>Set to <code>true</code> to show the checkbox in an invalid/error state.\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>invalid</code> value applies.</p>\n",
+                    "line": 178,
+                    "type": "boolean",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
+                {
+                    "name": "invalidText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nThe error message displayed when `invalid` is `true`.\n",
+                    "description": "<p>The error message displayed when <code>invalid</code> is <code>true</code>.</p>\n",
+                    "line": 183,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "name",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the name attribute on the `input` element.\n",
                     "description": "<p>Sets the name attribute on the <code>input</code> element.</p>\n",
-                    "line": 95,
+                    "line": 147,
                     "type": "string",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "readOnly",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nWhen `true`, the checkbox cannot be toggled (matches `readonly` attribute semantics for form controls).\nWhen omitted inside a `cds-checkbox-group`, the group's `readOnly` value applies.\n",
+                    "description": "<p>When <code>true</code>, the checkbox cannot be toggled (matches <code>readonly</code> attribute semantics for form controls).\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>readOnly</code> value applies.</p>\n",
+                    "line": 200,
+                    "type": "boolean",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "required",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nReflects the required attribute of the `input` element.\n",
                     "description": "<p>Reflects the required attribute of the <code>input</code> element.</p>\n",
-                    "line": 103,
+                    "line": 155,
                     "type": "boolean",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "title",
+                    "defaultValue": "\"\"",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nOptional title for the `<label>` element.\n",
+                    "description": "<p>Optional title for the <code>&lt;label&gt;</code> element.</p>\n",
+                    "line": 166,
+                    "type": "string",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "value",
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets the value attribute on the `input` element.\n",
                     "description": "<p>Sets the value attribute on the <code>input</code> element.</p>\n",
-                    "line": 107,
+                    "line": 159,
                     "type": "CheckboxValue",
                     "decorators": [],
                     "inheritance": {
                         "file": "Checkbox"
                     }
+                },
+                {
+                    "name": "warn",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nSet to `true` to show the checkbox in a warning state.\nWhen omitted inside a `cds-checkbox-group`, the group's `warn` value applies.\n",
+                    "description": "<p>Set to <code>true</code> to show the checkbox in a warning state.\nWhen omitted inside a <code>cds-checkbox-group</code>, the group&#39;s <code>warn</code> value applies.</p>\n",
+                    "line": 189,
+                    "type": "boolean",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
+                {
+                    "name": "warnText",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nThe warning message displayed when `warn` is `true` and `invalid` is `false`.\n",
+                    "description": "<p>The warning message displayed when <code>warn</code> is <code>true</code> and <code>invalid</code> is <code>false</code>.</p>\n",
+                    "line": 194,
+                    "type": "string | TemplateRef<any>",
+                    "decorators": [],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
                 }
             ],
             "outputsClass": [
@@ -69906,7 +70492,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits an event when the value of the checkbox changes.\n\nAllows double biding with the `checked` Input.\n",
                     "description": "<p>Emits an event when the value of the checkbox changes.</p>\n<p>Allows double biding with the <code>checked</code> Input.</p>\n",
-                    "line": 169,
+                    "line": 265,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "Checkbox"
@@ -69919,7 +70505,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits click event.\n",
                     "description": "<p>Emits click event.</p>\n",
-                    "line": 162,
+                    "line": 258,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "Checkbox"
@@ -69932,7 +70518,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nEmits event notifying other classes when a change in state occurs specifically\non an indeterminate checkbox.\n",
                     "description": "<p>Emits event notifying other classes when a change in state occurs specifically\non an indeterminate checkbox.</p>\n",
-                    "line": 175,
+                    "line": 271,
                     "type": "EventEmitter",
                     "inheritance": {
                         "file": "Checkbox"
@@ -69948,7 +70534,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>The unique id allocated to the <code>Toggle</code>.</p>\n",
-                    "line": 167,
+                    "line": 169,
                     "rawdescription": "\n\nThe unique id allocated to the `Toggle`.\n"
                 },
                 {
@@ -69959,7 +70545,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 155,
+                    "line": 157,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -69978,7 +70564,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "<p>Variable used for creating unique ids for toggle components.</p>\n",
-                    "line": 110,
+                    "line": 112,
                     "rawdescription": "\n\nVariable used for creating unique ids for toggle components.\n",
                     "modifierKind": [
                         126
@@ -69992,7 +70578,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Set to <code>true</code> if the input checkbox is selected (or checked).</p>\n",
-                    "line": 180,
+                    "line": 276,
                     "rawdescription": "\n\nSet to `true` if the input checkbox is selected (or checked).\n",
                     "inheritance": {
                         "file": "Checkbox"
@@ -70006,7 +70592,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Set to <code>true</code> if the input checkbox is in state indeterminate.</p>\n",
-                    "line": 184,
+                    "line": 280,
                     "rawdescription": "\n\nSet to `true` if the input checkbox is in state indeterminate.\n",
                     "inheritance": {
                         "file": "Checkbox"
@@ -70020,7 +70606,7 @@
                     "type": "number",
                     "optional": false,
                     "description": "<p>Variable used for creating unique ids for checkbox components.</p>\n",
-                    "line": 78,
+                    "line": 128,
                     "rawdescription": "\n\nVariable used for creating unique ids for checkbox components.\n",
                     "modifierKind": [
                         126
@@ -70037,12 +70623,28 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Keeps a reference to the checkboxes current state, as defined in <code>CheckboxState</code>.</p>\n",
-                    "line": 189,
+                    "line": 285,
                     "rawdescription": "\n\nKeeps a reference to the checkboxes current state, as defined in `CheckboxState`.\n",
                     "inheritance": {
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "helperId",
+                    "defaultValue": "`checkbox-helper-${Checkbox.helperIdCounter++}`",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "optional": false,
+                    "description": "",
+                    "line": 292,
+                    "modifierKind": [
+                        148
+                    ],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "inputCheckbox",
                     "deprecated": false,
@@ -70050,7 +70652,7 @@
                     "type": "ElementRef",
                     "optional": false,
                     "description": "<p>Maintains a reference to the view DOM element of the <code>Checkbox</code>.</p>\n",
-                    "line": 194,
+                    "line": 290,
                     "rawdescription": "\n\nMaintains a reference to the view DOM element of the `Checkbox`.\n",
                     "decorators": [
                         {
@@ -70073,7 +70675,7 @@
                     "type": "function",
                     "optional": false,
                     "description": "<p>Called when checkbox is blurred. Needed to properly implement <code>ControlValueAccessor</code>.</p>\n",
-                    "line": 284,
+                    "line": 421,
                     "rawdescription": "\n\nCalled when checkbox is blurred. Needed to properly implement `ControlValueAccessor`.\n",
                     "inheritance": {
                         "file": "Checkbox"
@@ -70087,7 +70689,7 @@
                     "type": "",
                     "optional": false,
                     "description": "<p>Method set in <code>registerOnChange</code> to propagate changes back to the form.</p>\n",
-                    "line": 313,
+                    "line": 450,
                     "rawdescription": "\n\nMethod set in `registerOnChange` to propagate changes back to the form.\n",
                     "inheritance": {
                         "file": "Checkbox"
@@ -70101,7 +70703,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 208,
+                    "line": 214,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nCreates instance of `ToggleChange` used to propagate the change event.\n",
@@ -70116,7 +70718,7 @@
                     "optional": false,
                     "returnType": "Observable<string>",
                     "typeParameters": [],
-                    "line": 198,
+                    "line": 204,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -70126,7 +70728,7 @@
                     "optional": false,
                     "returnType": "Observable<string>",
                     "typeParameters": [],
-                    "line": 190,
+                    "line": 196,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -70136,7 +70738,7 @@
                     "optional": false,
                     "returnType": "Observable<string>",
                     "typeParameters": [],
-                    "line": 194,
+                    "line": 200,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -70153,7 +70755,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 213,
+                    "line": 219,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -70169,7 +70771,10 @@
                                 "text": "param"
                             }
                         }
-                    ]
+                    ],
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
                 },
                 {
                     "name": "setDisabledState",
@@ -70184,7 +70789,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 186,
+                    "line": 192,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\n`ControlValueAccessor` method to programmatically disable the toggle input.\n\nex: `this.formGroup.get(\"myToggle\").disable();`\n\n",
@@ -70192,8 +70797,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 4385,
-                                "end": 4395,
+                                "pos": 4543,
+                                "end": 4553,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70204,8 +70809,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 4379,
-                                "end": 4384,
+                                "pos": 4537,
+                                "end": 4542,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70225,7 +70830,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 251,
+                    "line": 381,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "decorators": [
@@ -70241,6 +70846,21 @@
                         "file": "Checkbox"
                     }
                 },
+                {
+                    "name": "markForCheckFromGroup",
+                    "args": [],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 376,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "rawdescription": "\n\nInvoked by `CheckboxGroup` when group `readOnly`, `invalid`, `warn` change so `OnPush`\ncheckboxes still refresh inherited state from `CHECKBOX_GROUP_HOST`.\n",
+                    "description": "<p>Invoked by <code>CheckboxGroup</code> when group <code>readOnly</code>, <code>invalid</code>, <code>warn</code> change so <code>OnPush</code>\ncheckboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.</p>\n",
+                    "inheritance": {
+                        "file": "Checkbox"
+                    }
+                },
                 {
                     "name": "onChange",
                     "args": [
@@ -70254,7 +70874,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 258,
+                    "line": 388,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nExecutes on the event of a change within `Checkbox` to block propagation.\n",
@@ -70287,7 +70907,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 265,
+                    "line": 395,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nHandles click events on the `Checkbox` and emits changes to other classes.\n",
@@ -70320,7 +70940,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 226,
+                    "line": 348,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nSets a method in order to propagate changes back to the form.\n",
@@ -70356,7 +70976,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 234,
+                    "line": 356,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nRegisters a callback to be triggered when the control has been touched.\n",
@@ -70367,8 +70987,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 5459,
-                                "end": 5461,
+                                "pos": 9624,
+                                "end": 9626,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70379,8 +70999,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 5453,
-                                "end": 5458,
+                                "pos": 9618,
+                                "end": 9623,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70400,7 +71020,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 206,
+                    "line": 325,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nToggle the selected state of the checkbox.\n",
@@ -70425,7 +71045,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 289,
+                    "line": 426,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nHandles changes between checkbox states.\n",
@@ -70458,7 +71078,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 218,
+                    "line": 340,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "rawdescription": "\n\nWrites a value from `ngModel` to the component.\n\nIn this case the value is the `checked` property.\n\n",
@@ -70469,8 +71089,8 @@
                     "jsdoctags": [
                         {
                             "name": {
-                                "pos": 5051,
-                                "end": 5056,
+                                "pos": 9216,
+                                "end": 9221,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70481,8 +71101,8 @@
                             "deprecated": false,
                             "deprecationMessage": "",
                             "tagName": {
-                                "pos": 5045,
-                                "end": 5050,
+                                "pos": 9210,
+                                "end": 9215,
                                 "flags": 16842752,
                                 "modifierFlagsCache": 0,
                                 "transformFlags": 0,
@@ -70504,7 +71124,7 @@
                     "name": "class.cds--form-item",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 160,
+                    "line": 162,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -70513,7 +71133,7 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 155,
+                    "line": 157,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -70521,7 +71141,7 @@
                     "name": "class.cds--toggle--disabled",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 156,
+                    "line": 158,
                     "type": "any",
                     "decorators": []
                 }
@@ -70533,7 +71153,7 @@
                     "argsDecorator": [],
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 251,
+                    "line": 381,
                     "inheritance": {
                         "file": "Checkbox"
                     }
@@ -70544,7 +71164,7 @@
             "description": "<p>Get started with importing the module:</p>\n<b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-typescript\">import { ToggleModule } from &#39;carbon-components-angular&#39;;</code></pre></div><b>Example :</b><div><pre class=\"line-numbers\"><code class=\"language-html\">&lt;cds-toggle [(ngModel)]=&quot;toggleState&quot;&gt;Toggle&lt;/cds-toggle&gt;</code></pre></div><p><a href=\"../../?path=/story/components-toggle--basic\">See demo</a></p>\n",
             "rawdescription": "\n\nGet started with importing the module:\n\n```typescript\nimport { ToggleModule } from 'carbon-components-angular';\n```\n\n```html\n<cds-toggle [(ngModel)]=\"toggleState\">Toggle</cds-toggle>\n```\n\n[See demo](../../?path=/story/components-toggle--basic)\n",
             "type": "component",
-            "sourceCode": "import { Checkbox } from \"carbon-components-angular/checkbox\";\nimport {\n\tChangeDetectorRef,\n\tComponent,\n\tInput,\n\tHostBinding,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { Observable } from \"rxjs\";\n\n/**\n * @deprecated since v5 - Use boolean\n * Defines the set of states for a toggle component.\n */\nexport enum ToggleState {\n\tInit,\n\tChecked,\n\tUnchecked\n}\n\n/**\n * @todo - Toggle component will no longer extend `Checkbox` component as of v6\n * Toggle is no longer repies on using checkbox, so doesn't make sense for us to continue inheriting ALL checkbox\n * component attributes.\n */\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ToggleModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <cds-toggle [(ngModel)]=\"toggleState\">Toggle</cds-toggle>\n * ```\n *\n * [See demo](../../?path=/story/components-toggle--basic)\n */\n@Component({\n\tselector: \"cds-toggle, ibm-toggle\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate;\">\n\t\t\t<button\n\t\t\t\tclass=\"cds--toggle__button\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[id]=\"id\"\n\t\t\t\trole=\"switch\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t\t(click)=\"onClick($event)\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass=\"cds--toggle__label\"\n\t\t\t\t[for]=\"id\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"cds--toggle__label-text\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--visually-hidden': hideLabel\n\t\t\t\t\t}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cds--toggle__appearance\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--toggle__appearance--sm': size === 'sm'\n\t\t\t\t\t}\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"cds--toggle__switch\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--toggle__switch--checked': checked\n\t\t\t\t\t\t}\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"size === 'sm'\"\n\t\t\t\t\t\t\tclass='cds--toggle__check'\n\t\t\t\t\t\t\twidth=\"6px\"\n\t\t\t\t\t\t\theight=\"5px\"\n\t\t\t\t\t\t\tviewBox=\"0 0 6 5\">\n\t\t\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class=\"cds--toggle__text\">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() | async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t</ng-container>\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class=\"cds--toggle__skeleton-circle\"></div>\n\t\t\t<div class=\"cds--toggle__skeleton-rectangle\"></div>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Toggle,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Toggle extends Checkbox {\n\t/**\n\t * Variable used for creating unique ids for toggle components.\n\t */\n\tstatic toggleCount = 0;\n\n\t/**\n\t * Text that is set on the left side of the toggle.\n\t */\n\t@Input()\n\tset offText(value: string | Observable<string>) {\n\t\tthis._offValues.override(value);\n\t}\n\n\tget offText() {\n\t\treturn this._offValues.value;\n\t}\n\n\t/**\n\t * Text that is set on the right side of the toggle.\n\t */\n\t@Input()\n\tset onText(value: string | Observable<string>) {\n\t\tthis._onValues.override(value);\n\t}\n\n\tget onText() {\n\t\treturn this._onValues.value;\n\t}\n\t/**\n\t * Text that is set as the label of the toggle.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Size of the toggle component.\n\t */\n\t@Input() size: \"sm\" | \"md\" = \"md\";\n\t/**\n\t * Set to `true` to hide the toggle label & set toggle on/off text to label.\n\t */\n\t@Input() hideLabel = false;\n\n\t/**\n\t * Set `aria-label` property for the button when label is empty\n\t */\n\t@Input() ariaLabel: string;\n\n\t@HostBinding(\"class.cds--toggle--skeleton\") @Input() skeleton = false;\n\n\t@HostBinding(\"class.cds--toggle\") toggleClass = true;\n\t@HostBinding(\"class.cds--toggle--disabled\") get disabledClass () {\n\t\treturn this.disabled;\n\t}\n\n\t@HostBinding(\"class.cds--form-item\") get formItem() {\n\t\treturn !this.skeleton;\n\t}\n\n\t/**\n\t * The unique id allocated to the `Toggle`.\n\t */\n\tid = \"toggle-\" + Toggle.toggleCount;\n\n\tprotected _offValues = this.i18n.getOverridable(\"TOGGLE.OFF\");\n\tprotected _onValues = this.i18n.getOverridable(\"TOGGLE.ON\");\n\t/**\n\t * Creates an instance of Toggle.\n\t */\n\tconstructor(protected changeDetectorRef: ChangeDetectorRef, protected i18n: I18n) {\n\t\tsuper(changeDetectorRef);\n\t\tToggle.toggleCount++;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the toggle input.\n\t *\n\t * ex: `this.formGroup.get(\"myToggle\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the input\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\tgetOffText(): Observable<string> {\n\t\treturn this._offValues.subject;\n\t}\n\n\tgetOnText(): Observable<string> {\n\t\treturn this._onValues.subject;\n\t}\n\n\tgetCheckedText(): Observable<string> {\n\t\tif (this.checked) {\n\t\t\treturn this._onValues.subject;\n\t\t}\n\t\treturn this._offValues.subject;\n\t}\n\n\t/**\n\t * Creates instance of `ToggleChange` used to propagate the change event.\n\t */\n\temitChangeEvent() {\n\t\tthis.checkedChange.emit(this.checked);\n\t\tthis.propagateChange(this.checked);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
+            "sourceCode": "import { Checkbox, CHECKBOX_GROUP_HOST, CheckboxGroupHost } from \"carbon-components-angular/checkbox\";\nimport {\n\tChangeDetectorRef,\n\tComponent,\n\tInject,\n\tInput,\n\tOptional,\n\tHostBinding,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { Observable } from \"rxjs\";\n\n/**\n * @deprecated since v5 - Use boolean\n * Defines the set of states for a toggle component.\n */\nexport enum ToggleState {\n\tInit,\n\tChecked,\n\tUnchecked\n}\n\n/**\n * @todo - Toggle component will no longer extend `Checkbox` component as of v6\n * Toggle is no longer repies on using checkbox, so doesn't make sense for us to continue inheriting ALL checkbox\n * component attributes.\n */\n\n/**\n * Get started with importing the module:\n *\n * ```typescript\n * import { ToggleModule } from 'carbon-components-angular';\n * ```\n *\n * ```html\n * <cds-toggle [(ngModel)]=\"toggleState\">Toggle</cds-toggle>\n * ```\n *\n * [See demo](../../?path=/story/components-toggle--basic)\n */\n@Component({\n\tselector: \"cds-toggle, ibm-toggle\",\n\ttemplate: `\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate;\">\n\t\t\t<button\n\t\t\t\tclass=\"cds--toggle__button\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[id]=\"id\"\n\t\t\t\trole=\"switch\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t[attr.aria-checked]=\"checked\"\n\t\t\t\t(click)=\"onClick($event)\"\n\t\t\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass=\"cds--toggle__label\"\n\t\t\t\t[for]=\"id\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"cds--toggle__label-text\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--visually-hidden': hideLabel\n\t\t\t\t\t}\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cds--toggle__appearance\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'cds--toggle__appearance--sm': size === 'sm'\n\t\t\t\t\t}\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"cds--toggle__switch\"\n\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t'cds--toggle__switch--checked': checked\n\t\t\t\t\t\t}\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t*ngIf=\"size === 'sm'\"\n\t\t\t\t\t\t\tclass='cds--toggle__check'\n\t\t\t\t\t\t\twidth=\"6px\"\n\t\t\t\t\t\t\theight=\"5px\"\n\t\t\t\t\t\t\tviewBox=\"0 0 6 5\">\n\t\t\t\t\t\t\t<path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class=\"cds--toggle__text\">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() | async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t</ng-container>\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class=\"cds--toggle__skeleton-circle\"></div>\n\t\t\t<div class=\"cds--toggle__skeleton-rectangle\"></div>\n\t\t</ng-template>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Toggle,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class Toggle extends Checkbox {\n\t/**\n\t * Variable used for creating unique ids for toggle components.\n\t */\n\tstatic toggleCount = 0;\n\n\t/**\n\t * Text that is set on the left side of the toggle.\n\t */\n\t@Input()\n\tset offText(value: string | Observable<string>) {\n\t\tthis._offValues.override(value);\n\t}\n\n\tget offText() {\n\t\treturn this._offValues.value;\n\t}\n\n\t/**\n\t * Text that is set on the right side of the toggle.\n\t */\n\t@Input()\n\tset onText(value: string | Observable<string>) {\n\t\tthis._onValues.override(value);\n\t}\n\n\tget onText() {\n\t\treturn this._onValues.value;\n\t}\n\t/**\n\t * Text that is set as the label of the toggle.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Size of the toggle component.\n\t */\n\t@Input() size: \"sm\" | \"md\" = \"md\";\n\t/**\n\t * Set to `true` to hide the toggle label & set toggle on/off text to label.\n\t */\n\t@Input() hideLabel = false;\n\n\t/**\n\t * Set `aria-label` property for the button when label is empty\n\t */\n\t@Input() ariaLabel: string;\n\n\t@HostBinding(\"class.cds--toggle--skeleton\") @Input() skeleton = false;\n\n\t@HostBinding(\"class.cds--toggle\") toggleClass = true;\n\t@HostBinding(\"class.cds--toggle--disabled\") get disabledClass () {\n\t\treturn this.disabled;\n\t}\n\n\t@HostBinding(\"class.cds--form-item\") get formItem() {\n\t\treturn !this.skeleton;\n\t}\n\n\t/**\n\t * The unique id allocated to the `Toggle`.\n\t */\n\tid = \"toggle-\" + Toggle.toggleCount;\n\n\tprotected _offValues = this.i18n.getOverridable(\"TOGGLE.OFF\");\n\tprotected _onValues = this.i18n.getOverridable(\"TOGGLE.ON\");\n\t/**\n\t * Creates an instance of Toggle.\n\t */\n\tconstructor(\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t\t@Optional() @Inject(CHECKBOX_GROUP_HOST) hostGroup: CheckboxGroupHost | null,\n\t\tprotected i18n: I18n\n\t) {\n\t\tsuper(changeDetectorRef, hostGroup);\n\t\tToggle.toggleCount++;\n\t}\n\n\t/**\n\t * `ControlValueAccessor` method to programmatically disable the toggle input.\n\t *\n\t * ex: `this.formGroup.get(\"myToggle\").disable();`\n\t *\n\t * @param isDisabled `true` to disable the input\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\tgetOffText(): Observable<string> {\n\t\treturn this._offValues.subject;\n\t}\n\n\tgetOnText(): Observable<string> {\n\t\treturn this._onValues.subject;\n\t}\n\n\tgetCheckedText(): Observable<string> {\n\t\tif (this.checked) {\n\t\t\treturn this._onValues.subject;\n\t\t}\n\t\treturn this._offValues.subject;\n\t}\n\n\t/**\n\t * Creates instance of `ToggleChange` used to propagate the change event.\n\t */\n\temitChangeEvent() {\n\t\tthis.checkedChange.emit(this.checked);\n\t\tthis.propagateChange(this.checked);\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -70560,6 +71180,12 @@
                         "deprecated": false,
                         "deprecationMessage": ""
                     },
+                    {
+                        "name": "hostGroup",
+                        "type": "CheckboxGroupHost | null",
+                        "deprecated": false,
+                        "deprecationMessage": ""
+                    },
                     {
                         "name": "i18n",
                         "type": "I18n",
@@ -70567,7 +71193,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 170,
+                "line": 172,
                 "rawdescription": "\n\nCreates an instance of Toggle.\n",
                 "jsdoctags": [
                     {
@@ -70579,6 +71205,15 @@
                             "text": "param"
                         }
                     },
+                    {
+                        "name": "hostGroup",
+                        "type": "CheckboxGroupHost | null",
+                        "deprecated": false,
+                        "deprecationMessage": "",
+                        "tagName": {
+                            "text": "param"
+                        }
+                    },
                     {
                         "name": "i18n",
                         "type": "I18n",
@@ -70610,7 +71245,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 116,
+                        "line": 118,
                         "rawdescription": "\n\nText that is set on the left side of the toggle.\n",
                         "description": "<p>Text that is set on the left side of the toggle.</p>\n",
                         "jsdoctags": [
@@ -70629,7 +71264,7 @@
                         "name": "offText",
                         "type": "",
                         "returnType": "",
-                        "line": 120
+                        "line": 122
                     }
                 },
                 "onText": {
@@ -70648,7 +71283,7 @@
                             }
                         ],
                         "returnType": "void",
-                        "line": 128,
+                        "line": 130,
                         "rawdescription": "\n\nText that is set on the right side of the toggle.\n",
                         "description": "<p>Text that is set on the right side of the toggle.</p>\n",
                         "jsdoctags": [
@@ -70667,7 +71302,7 @@
                         "name": "onText",
                         "type": "",
                         "returnType": "",
-                        "line": 132
+                        "line": 134
                     }
                 },
                 "disabledClass": {
@@ -70676,7 +71311,7 @@
                         "name": "disabledClass",
                         "type": "",
                         "returnType": "",
-                        "line": 156
+                        "line": 158
                     }
                 },
                 "formItem": {
@@ -70685,7 +71320,7 @@
                         "name": "formItem",
                         "type": "",
                         "returnType": "",
-                        "line": 160
+                        "line": 162
                     }
                 }
             }
@@ -74553,13 +75188,13 @@
         },
         {
             "name": "CheckboxModule",
-            "id": "module-CheckboxModule-748ab2aba9dee171c0c84304030b4a80d86a0fb7ad6142b7cabba7be41bbde43ed94698ae610d48db3bd6d3f760f3e0da79738a7fc4e4cc71351ae3aa7f4ad03",
+            "id": "module-CheckboxModule-e61ff822d1dc3c376855b1e06a4b717dbac288581db17c0f5523b732ba77643461dff32c87610a19e35ba1ec6e06df788ef7aa7666720093bd4c49b6278e1012",
             "description": "",
             "deprecationMessage": "",
             "deprecated": false,
             "file": "src/checkbox/checkbox.module.ts",
             "methods": [],
-            "sourceCode": "// modules\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\n// imports\nimport { Checkbox } from \"./checkbox.component\";\n\n@NgModule({\n\tdeclarations: [\n\t\tCheckbox\n\t],\n\texports: [\n\t\tCheckbox\n\t],\n\timports: [\n\t\tCommonModule,\n\t\tFormsModule\n\t]\n})\nexport class CheckboxModule { }\n",
+            "sourceCode": "// modules\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\n// imports\nimport { Checkbox } from \"./checkbox.component\";\nimport { CheckboxGroup } from \"./checkbox-group.component\";\nimport { IconModule } from \"carbon-components-angular/icon\";\n\n@NgModule({\n\tdeclarations: [\n\t\tCheckbox,\n\t\tCheckboxGroup\n\t],\n\texports: [\n\t\tCheckbox,\n\t\tCheckboxGroup\n\t],\n\timports: [\n\t\tCommonModule,\n\t\tFormsModule,\n\t\tIconModule\n\t]\n})\nexport class CheckboxModule { }\n",
             "children": [
                 {
                     "type": "providers",
@@ -74570,18 +75205,28 @@
                     "elements": [
                         {
                             "name": "Checkbox"
+                        },
+                        {
+                            "name": "CheckboxGroup"
                         }
                     ]
                 },
                 {
                     "type": "imports",
-                    "elements": []
+                    "elements": [
+                        {
+                            "name": "IconModule"
+                        }
+                    ]
                 },
                 {
                     "type": "exports",
                     "elements": [
                         {
                             "name": "Checkbox"
+                        },
+                        {
+                            "name": "CheckboxGroup"
                         }
                     ]
                 },
@@ -79083,6 +79728,16 @@
                 "type": "",
                 "defaultValue": "fp => {\n\tconst setupElements = () => {\n\t\tif (!fp.monthElements || !fp.yearElements) {\n\t\t\treturn;\n\t\t}\n\t\tfp.monthElements.forEach(elem => {\n\t\t\tif (!elem.parentNode) { return; }\n\t\t\telem.parentNode.removeChild(elem);\n\t\t});\n\t\tfp.monthElements.splice(\n\t\t\t0,\n\t\t\tfp.monthElements.length,\n\t\t\t...fp.monthElements.map(() => {\n\t\t\t\t// eslint-disable-next-line no-underscore-dangle\n\t\t\t\tconst monthElement = fp._createElement(\n\t\t\t\t\t\"span\",\n\t\t\t\t\tconfig.classFlatpickrCurrentMonth\n\t\t\t\t);\n\t\t\t\tmonthElement.textContent = monthToStr(\n\t\t\t\t\tfp.currentMonth,\n\t\t\t\t\tconfig.shorthand === true,\n\t\t\t\t\tfp.l10n\n\t\t\t\t);\n\t\t\t\tfp.yearElements[0]\n\t\t\t\t\t.closest(config.selectorFlatpickrMonthYearContainer)\n\t\t\t\t\t.insertBefore(\n\t\t\t\t\t\tmonthElement,\n\t\t\t\t\t\tfp.yearElements[0].closest(config.selectorFlatpickrYearContainer)\n\t\t\t\t\t);\n\t\t\t\treturn monthElement;\n\t\t\t})\n\t\t);\n\t};\n\tconst updateCurrentMonth = () => {\n\t\tif (!fp.yearElements) {\n\t\t\treturn;\n\t\t}\n\t\tconst monthStr = monthToStr(\n\t\t\tfp.currentMonth,\n\t\t\tconfig.shorthand === true,\n\t\t\tfp.l10n\n\t\t);\n\t\tfp.yearElements.forEach(elem => {\n\t\t\tconst currentMonthContainer = elem.closest(\n\t\t\t\tconfig.selectorFlatpickrMonthYearContainer\n\t\t\t);\n\t\t\tArray.prototype.forEach.call(\n\t\t\t\tcurrentMonthContainer.querySelectorAll(\".cur-month\"),\n\t\t\t\tmonthElement => {\n\t\t\t\t\tmonthElement.textContent = monthStr;\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\t};\n\n\tconst register = () => {\n\t\tfp.loadedPlugins.push(\"carbonFlatpickrMonthSelectPlugin\");\n\t};\n\n\treturn {\n\t\tonMonthChange: updateCurrentMonth,\n\t\tonValueUpdate: updateCurrentMonth,\n\t\tonOpen: updateCurrentMonth,\n\t\tonReady: [setupElements, updateCurrentMonth, register]\n\t};\n}"
             },
+            {
+                "name": "CHECKBOX_GROUP_HOST",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox-group-host.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "new InjectionToken<CheckboxGroupHost | null>(\"CheckboxGroupHost\")"
+            },
             {
                 "name": "ColumnAILabelSort",
                 "ctype": "miscellaneous",
@@ -79827,6 +80482,26 @@
                 "type": "",
                 "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div\n\t\t\tcdsGrid\n\t\t\t[useCssGrid]=\"true\"\n\t\t\t[condensed]=\"condensed\"\n\t\t\t[narrow]=\"narrow\"\n\t\t\t[fullWidth]=\"fullWidth\">\n\t\t\t<div cdsCol [columnNumbers]=\"{\n\t\t\t\tsm: {span: 1, start: 4},\n\t\t\t\tmd: {span: 2, start: 7},\n\t\t\t\tlg: {span: 4, start: 13}\n\t\t\t}\">span, start</div>\n\t\t\t<div cdsCol [columnNumbers]=\"{\n\t\t\t\tsm: {span: 2, end: 5},\n\t\t\t\tmd: {span: 4, end: 9},\n\t\t\t\tlg: {span: 8, end: 17}\n\t\t\t}\">span, end</div>\n\t\t\t<div cdsCol [columnNumbers]=\"{\n\t\t\t\tsm: {start: 1, end: 4},\n\t\t\t\tmd: {start: 3, end: 7},\n\t\t\t\tlg: {start: 5, end: 17}\n\t\t\t}\">start, end</div>\n\t\t</div>\n\t`\n})"
             },
+            {
+                "name": "GroupStatePropagation",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "groupStatePropagationTemplate.bind({})"
+            },
+            {
+                "name": "groupStatePropagationTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"max-width: 32rem;\">\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Controlled group\"\n\t\t\t\t[helperText]=\"groupHelperText\"\n\t\t\t\t[readOnly]=\"groupReadOnly\"\n\t\t\t\t[invalid]=\"groupInvalid\"\n\t\t\t\t[invalidText]=\"groupInvalidText\"\n\t\t\t\t[warn]=\"groupWarn\"\n\t\t\t\t[warnText]=\"groupWarnText\">\n\t\t\t\t<cds-checkbox id=\"group-inherit-1\">Inherits from group</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"group-inherit-2\">Inherits from group</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"group-override-invalid\" [invalid]=\"false\">\n\t\t\t\t\tExplicit invalid false (overrides group invalid)\n\t\t\t\t</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\n\t\t\t<p class=\"cds--label-01\" style=\"margin-bottom: 1rem; margin-top: 2rem;\">\n\t\t\t\tCheckbox sets its own invalid message:\n\t\t\t</p>\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Mixed per-checkbox state\"\n\t\t\t\thelperText=\"Group helper (hidden when any checkbox is invalid/warn at group level).\">\n\t\t\t\t<cds-checkbox id=\"mixed-1\">Default</cds-checkbox>\n\t\t\t\t<cds-checkbox\n\t\t\t\t\tid=\"mixed-2\"\n\t\t\t\t\t[invalid]=\"true\"\n\t\t\t\t\tinvalidText=\"This checkbox has its own error\">\n\t\t\t\t\tOwn invalid state\n\t\t\t\t</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\t\t</div>\n\t`\n})"
+            },
             {
                 "name": "hasScrollableParents",
                 "ctype": "miscellaneous",
@@ -81168,6 +81843,16 @@
                 "type": "",
                 "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<button #trigger cdsButton=\"primary\" (click)=\"open = true\">Open</button>\n\t\t<cds-modal [open]=\"open\" [trigger]=\"trigger\" (overlaySelected)=\"open = false\" (close)=\"open = false\">\n\t\t\t<cds-modal-header (closeSelect)=\"open = false\" [showCloseButton]=\"showCloseButton\">\n\t\t\t\t<p class=\"cds--modal-header__label cds--type-delta\">No service required</p>\n\t\t\t\t<p class=\"cds--modal-header__heading cds--type-beta\">A very simple modal</p>\n\t\t\t</cds-modal-header>\n\t\t\t<div class=\"cds--modal-content\">\n\t\t\t\t<p>hello world</p>\n\t\t\t</div>\n\t\t\t<cds-modal-footer>\n\t\t\t\t<ng-container>\n\t\t\t\t\t<button\n\t\t\t\t\t\tcdsButton=\"primary\"\n\t\t\t\t\t\t(click)=\"open = false\"\n\t\t\t\t\t\t[attr.modal-primary-focus]=\"true\">\n\t\t\t\t\t\tOkay\n\t\t\t\t\t</button>\n\t\t\t\t</ng-container>\n\t\t\t</cds-modal-footer>\n\t\t</cds-modal>\n\t`\n})"
             },
+            {
+                "name": "Single",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "singleTemplate.bind({})"
+            },
             {
                 "name": "Single",
                 "ctype": "miscellaneous",
@@ -81188,6 +81873,16 @@
                 "type": "",
                 "defaultValue": "Template.bind({})"
             },
+            {
+                "name": "singleTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "() => ({\n\ttemplate: `\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-3\"\n\t\t\thelperText=\"Helper text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-4\"\n\t\t\t[invalid]=\"true\"\n\t\t\tinvalidText=\"Invalid text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-5\"\n\t\t\t[warn]=\"true\"\n\t\t\twarnText=\"Warning text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-6\"\n\t\t\t[readOnly]=\"true\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t`\n})"
+            },
             {
                 "name": "SingleTemplate",
                 "ctype": "miscellaneous",
@@ -82350,6 +83045,16 @@
                 "type": "",
                 "defaultValue": "() => ({\n\ttemplate: `\n\t\t<ng-template #action let-item>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\taria-label=\"Action\"\n\t\t\t\ticonOnly=\"true\">\n\t\t\t\t<svg ibmIcon=\"subtract--alt\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\n\t\t<cds-contained-list label=\"List title\" [size]=\"size\">\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t\t<cds-contained-list-item [action]=\"action\">List item</cds-contained-list-item>\n\t\t</cds-contained-list>\n\t`\n})"
             },
+            {
+                "name": "withAILabel",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "withAILabelTemplate.bind({})"
+            },
             {
                 "name": "withAILabel",
                 "ctype": "miscellaneous",
@@ -82490,6 +83195,16 @@
                 "type": "",
                 "defaultValue": "() => ({\n\tstyles: AI_LABEL_STORY_STYLES,\n\ttemplate: `\n\t\t<cds-tile [decorator]=\"decoratorTpl\">\n\t\t\tTile with AI label\n\t\t</cds-tile>\n\t\t<ng-template #decoratorTpl>\n\t\t\t<cds-ai-label\n\t\t\t\tclass=\"ai-label-container\"\n\t\t\t\tkind=\"default\"\n\t\t\t\tsize=\"mini\"\n\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\t[align]=\"'bottom-end'\"\n\t\t\t\taiText=\"AI\"\n\t\t\t\tariaLabel=\"Show information\">\n\t\t\t\t` + AI_LABEL_INNER + `\n\t\t\t</cds-ai-label>\n\t\t</ng-template>\n\t`\n})"
             },
+            {
+                "name": "withAILabelTemplate",
+                "ctype": "miscellaneous",
+                "subtype": "variable",
+                "file": "src/checkbox/checkbox.stories.ts",
+                "deprecated": false,
+                "deprecationMessage": "",
+                "type": "",
+                "defaultValue": "(args) => ({\n\tprops: args,\n\tstyles: AI_LABEL_STORY_STYLES,\n\ttemplate: `\n\t\t<div class=\"ai-label-check-radio-container\">\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[decorator]=\"decoratorDefaultTpl\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-1\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-2\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-3\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-4\" [decorator]=\"decoratorDefaultTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-5\" [decorator]=\"decoratorDefaultTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-6\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-7\" [decorator]=\"decoratorInlineTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-8\" [decorator]=\"decoratorInlineTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-9\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\t\t</div>\n\n\t\t<ng-template #decoratorDefaultTpl>\n\t\t\t<cds-ai-label\n\t\t\t\tsize=\"mini\"\n\t\t\t\taiText=\"AI\"\n\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\tariaLabel=\"Show information\">\n\t\t\t\t` + AI_LABEL_INNER + `\n\t\t\t</cds-ai-label>\n\t\t</ng-template>\n\t\t<ng-template #decoratorInlineTpl>\n\t\t\t<cds-ai-label\n\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\tkind=\"inline\"\n\t\t\t\tsize=\"md\"\n\t\t\t\taiText=\"AI\"\n\t\t\t\tariaLabel=\"Show information\">\n\t\t\t\t` + AI_LABEL_INNER + `\n\t\t\t</cds-ai-label>\n\t\t</ng-template>\n\t`\n})"
+            },
             {
                 "name": "withAILabelTemplate",
                 "ctype": "miscellaneous",
@@ -86170,6 +86885,26 @@
                     "type": "",
                     "defaultValue": "Template.bind({})"
                 },
+                {
+                    "name": "GroupStatePropagation",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "groupStatePropagationTemplate.bind({})"
+                },
+                {
+                    "name": "groupStatePropagationTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<div style=\"max-width: 32rem;\">\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Controlled group\"\n\t\t\t\t[helperText]=\"groupHelperText\"\n\t\t\t\t[readOnly]=\"groupReadOnly\"\n\t\t\t\t[invalid]=\"groupInvalid\"\n\t\t\t\t[invalidText]=\"groupInvalidText\"\n\t\t\t\t[warn]=\"groupWarn\"\n\t\t\t\t[warnText]=\"groupWarnText\">\n\t\t\t\t<cds-checkbox id=\"group-inherit-1\">Inherits from group</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"group-inherit-2\">Inherits from group</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"group-override-invalid\" [invalid]=\"false\">\n\t\t\t\t\tExplicit invalid false (overrides group invalid)\n\t\t\t\t</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\n\t\t\t<p class=\"cds--label-01\" style=\"margin-bottom: 1rem; margin-top: 2rem;\">\n\t\t\t\tCheckbox sets its own invalid message:\n\t\t\t</p>\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Mixed per-checkbox state\"\n\t\t\t\thelperText=\"Group helper (hidden when any checkbox is invalid/warn at group level).\">\n\t\t\t\t<cds-checkbox id=\"mixed-1\">Default</cds-checkbox>\n\t\t\t\t<cds-checkbox\n\t\t\t\t\tid=\"mixed-2\"\n\t\t\t\t\t[invalid]=\"true\"\n\t\t\t\t\tinvalidText=\"This checkbox has its own error\">\n\t\t\t\t\tOwn invalid state\n\t\t\t\t</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\t\t</div>\n\t`\n})"
+                },
                 {
                     "name": "ModelTemplate",
                     "ctype": "miscellaneous",
@@ -86190,6 +86925,26 @@
                     "type": "",
                     "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t<!--\n\tapp-* components are for demo purposes only.\n\tYou can create your own implementation by using the component source found at:\n\thttps://github.com/IBM/carbon-components-angular/tree/master/src/checkbox/stories/reactive-form.component.ts\n\t-->\n\t<app-reactive-forms></app-reactive-forms>\n\t`\n})"
                 },
+                {
+                    "name": "Single",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "singleTemplate.bind({})"
+                },
+                {
+                    "name": "singleTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "() => ({\n\ttemplate: `\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-3\"\n\t\t\thelperText=\"Helper text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-4\"\n\t\t\t[invalid]=\"true\"\n\t\t\tinvalidText=\"Invalid text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-5\"\n\t\t\t[warn]=\"true\"\n\t\t\twarnText=\"Warning text goes here\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t\t<br /><br />\n\t\t<cds-checkbox\n\t\t\tclass=\"some-class\"\n\t\t\tid=\"checkbox-6\"\n\t\t\t[readOnly]=\"true\">\n\t\t\tCheckbox label\n\t\t</cds-checkbox>\n\t`\n})"
+                },
                 {
                     "name": "Template",
                     "ctype": "miscellaneous",
@@ -86200,6 +86955,26 @@
                     "type": "",
                     "defaultValue": "(args) => ({\n\tprops: args,\n\ttemplate: `\n\t\t<fieldset class=\"cds--fieldset\">\n\t\t\t<legend class=\"cds--label\">{{label}}</legend>\n\t\t\t<cds-checkbox\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[indeterminate]=\"indeterminate\"\n\t\t\t\t[checked]=\"checked\"\n\t\t\t\t(checkedChange)=\"onChange($event)\"\n\t\t\t\t[hideLabel]=\"hideLabel\"\n\t\t\t\t(indeterminateChange)=\"onIndeterminateChange($event)\">\n\t\t\t\tIndeterminate checkbox\n\t\t\t</cds-checkbox>\n\t\t</fieldset>\n\t`\n})"
                 },
+                {
+                    "name": "withAILabel",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "withAILabelTemplate.bind({})"
+                },
+                {
+                    "name": "withAILabelTemplate",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox.stories.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "(args) => ({\n\tprops: args,\n\tstyles: AI_LABEL_STORY_STYLES,\n\ttemplate: `\n\t\t<div class=\"ai-label-check-radio-container\">\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[decorator]=\"decoratorDefaultTpl\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-1\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-2\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-3\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-4\" [decorator]=\"decoratorDefaultTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-5\" [decorator]=\"decoratorDefaultTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-6\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\n\t\t\t<cds-checkbox-group\n\t\t\t\tlegend=\"Group Label\"\n\t\t\t\t[readOnly]=\"readOnly\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[warn]=\"warn\"\n\t\t\t\t[warnText]=\"warnText\">\n\t\t\t\t<cds-checkbox id=\"checkbox-label-7\" [decorator]=\"decoratorInlineTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-8\" [decorator]=\"decoratorInlineTpl\">Checkbox label</cds-checkbox>\n\t\t\t\t<cds-checkbox id=\"checkbox-label-9\">Checkbox label</cds-checkbox>\n\t\t\t</cds-checkbox-group>\n\t\t</div>\n\n\t\t<ng-template #decoratorDefaultTpl>\n\t\t\t<cds-ai-label\n\t\t\t\tsize=\"mini\"\n\t\t\t\taiText=\"AI\"\n\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\tariaLabel=\"Show information\">\n\t\t\t\t` + AI_LABEL_INNER + `\n\t\t\t</cds-ai-label>\n\t\t</ng-template>\n\t\t<ng-template #decoratorInlineTpl>\n\t\t\t<cds-ai-label\n\t\t\t\t[autoAlign]=\"true\"\n\t\t\t\tkind=\"inline\"\n\t\t\t\tsize=\"md\"\n\t\t\t\taiText=\"AI\"\n\t\t\t\tariaLabel=\"Show information\">\n\t\t\t\t` + AI_LABEL_INNER + `\n\t\t\t</cds-ai-label>\n\t\t</ng-template>\n\t`\n})"
+                },
                 {
                     "name": "WithNgModel",
                     "ctype": "miscellaneous",
@@ -89197,6 +89972,18 @@
                     "description": "<p>This is from carbon-components.\nWe need it to format the month select according to specs.\nCarbon currently doesn&#39;t expose this as a seperate package,\nand we don&#39;t import the carbon-components js (on purpose)\nso some copy pasta is required</p>\n<p>ref: <a href=\"https://github.com/carbon-design-system/carbon/blob/\">https://github.com/carbon-design-system/carbon/blob/</a>\n    f06f38f0c2ef624e409a3d5711e897a79f4c88fc/packages/components/src/components/date-picker/date-picker.js#L52-L123</p>\n"
                 }
             ],
+            "src/checkbox/checkbox-group-host.ts": [
+                {
+                    "name": "CHECKBOX_GROUP_HOST",
+                    "ctype": "miscellaneous",
+                    "subtype": "variable",
+                    "file": "src/checkbox/checkbox-group-host.ts",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "",
+                    "defaultValue": "new InjectionToken<CheckboxGroupHost | null>(\"CheckboxGroupHost\")"
+                }
+            ],
             "src/test.ts": [
                 {
                     "name": "context",
@@ -92073,13 +92860,41 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/checkbox/checkbox-group-host.ts",
+                "type": "interface",
+                "linktype": "interface",
+                "name": "CheckboxGroupHost",
+                "coveragePercent": 25,
+                "coverageCount": "1/4",
+                "status": "low"
+            },
+            {
+                "filePath": "src/checkbox/checkbox-group-host.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "CHECKBOX_GROUP_HOST",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/checkbox/checkbox-group.component.ts",
+                "type": "component",
+                "linktype": "component",
+                "name": "CheckboxGroup",
+                "coveragePercent": 22,
+                "coverageCount": "4/18",
+                "status": "low"
+            },
             {
                 "filePath": "src/checkbox/checkbox.component.ts",
                 "type": "component",
                 "linktype": "component",
                 "name": "Checkbox",
                 "coveragePercent": 88,
-                "coverageCount": "30/34",
+                "coverageCount": "40/45",
                 "status": "very-good"
             },
             {
@@ -92092,6 +92907,26 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "GroupStatePropagation",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "groupStatePropagationTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/checkbox/checkbox.stories.ts",
                 "type": "variable",
@@ -92112,6 +92947,26 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "Single",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "singleTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/checkbox/checkbox.stories.ts",
                 "type": "variable",
@@ -92122,6 +92977,26 @@
                 "coverageCount": "0/1",
                 "status": "low"
             },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "withAILabel",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
+            {
+                "filePath": "src/checkbox/checkbox.stories.ts",
+                "type": "variable",
+                "linktype": "miscellaneous",
+                "linksubtype": "variable",
+                "name": "withAILabelTemplate",
+                "coveragePercent": 0,
+                "coverageCount": "0/1",
+                "status": "low"
+            },
             {
                 "filePath": "src/checkbox/checkbox.stories.ts",
                 "type": "variable",
@@ -98329,9 +99204,9 @@
                 "type": "component",
                 "linktype": "component",
                 "name": "Toggle",
-                "coveragePercent": 75,
-                "coverageCount": "36/48",
-                "status": "good"
+                "coveragePercent": 77,
+                "coverageCount": "45/58",
+                "status": "very-good"
             },
             {
                 "filePath": "src/toggle/toggle.stories.ts",