@skyux/indicators 6.19.0 → 6.20.0

package/documentation.json

@@ -35,7 +35,11 @@
     "SkyKeyInfoLayoutType": "type-alias-skykeyinfolayouttype",
     "SkyLabelType": "type-alias-skylabeltype",
     "SkyAlertHarness": "class-skyalertharness",
-    "SkyAlertHarnessFilters": "interface-skyalertharnessfilters"
+    "SkyKeyInfoHarness": "class-skykeyinfoharness",
+    "SkyLabelHarness": "class-skylabelharness",
+    "SkyAlertHarnessFilters": "interface-skyalertharnessfilters",
+    "SkyKeyInfoHarnessFilters": "interface-skykeyinfoharnessfilters",
+    "SkyLabelHarnessFilters": "interface-skylabelharnessfilters"
   },
   "typedoc": {
     "id": 0,
@@ -3219,7 +3223,7 @@
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Creates a container that enables navigation between tokens using keyboard arrow keys.\nThis is useful when combined with other components where the <kbd>Tab<kbd> key is\nreserved for other functions, such as the SKY UX Lookup component."
+          "shortText": "Creates a container that enables navigation between tokens using keyboard arrow keys.\nThis is useful when combined with other components where the <kbd>Tab</kbd> key is\nreserved for other functions, such as the SKY UX Lookup component."
         },
         "decorators": [
           {
@@ -6028,12 +6032,12 @@
             "kindString": "Property",
             "flags": {},
             "comment": {
-              "shortText": "Specifies the token's contents."
+              "shortText": "Specifies the token's value. The `sky-tokens` component will use its `displayWith`\nproperty to determine which of the value's properties to use as the token's label."
             },
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/token.ts",
-                "line": 5,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -6808,142 +6812,980 @@
         ]
       },
       {
-        "id": 491,
-        "name": "SkyAlertHarnessFilters",
-        "kind": 256,
-        "kindString": "Interface",
+        "id": 495,
+        "name": "SkyKeyInfoHarness",
+        "kind": 128,
+        "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "A set of criteria that can be used to filter a list of SkyAlertHarness instances."
+          "shortText": "Harness for interacting with a key info component in tests."
         },
         "children": [
           {
-            "id": 494,
-            "name": "ancestor",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 513,
+            "name": "getLabelText",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances that are nested under an element with the given selector."
+              "isPublic": true
             },
             "sources": [
               {
-                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
-                "line": 351,
-                "character": 4
+                "fileName": "projects/indicators/src/testing/key-info/key-info-harness.ts",
+                "line": 42,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.ancestor"
-            }
+            "signatures": [
+              {
+                "id": 514,
+                "name": "getLabelText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the current label text."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
           },
           {
-            "id": 492,
-            "name": "dataSkyId",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 515,
+            "name": "getLayout",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+              "isPublic": true
             },
             "sources": [
               {
-                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
-                "line": 11,
-                "character": 2
+                "fileName": "projects/indicators/src/testing/key-info/key-info-harness.ts",
+                "line": 49,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "intrinsic",
-                  "name": "string"
+            "signatures": [
+              {
+                "id": 516,
+                "name": "getLayout",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the current layout type."
                 },
-                {
+                "type": {
                   "type": "reference",
-                  "qualifiedName": "RegExp",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 360,
+                      "name": "SkyKeyInfoLayoutType"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
                   "package": "typescript",
-                  "name": "RegExp"
+                  "name": "Promise"
                 }
-              ]
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.dataSkyId"
-            }
+              }
+            ]
           },
           {
-            "id": 493,
-            "name": "selector",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 511,
+            "name": "getValueText",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances whose host element matches the given selector."
+              "isPublic": true
             },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/key-info/key-info-harness.ts",
+                "line": 35,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 512,
+                "name": "getValueText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the current value text."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 520,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
             "sources": [
               {
                 "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
-                "line": 349,
+                "line": 221,
                 "character": 4
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
+            "signatures": [
+              {
+                "id": 521,
+                "name": "host",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `Promise` for the `TestElement` representing the host element of the component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "TestElement",
+                      "package": "@angular/cdk",
+                      "name": "TestElement"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyComponentHarness.host"
+                }
+              }
+            ],
             "inheritedFrom": {
               "type": "reference",
-              "name": "SkyHarnessFilters.selector"
+              "name": "SkyComponentHarness.host"
             }
+          },
+          {
+            "id": 497,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/key-info/key-info-harness.ts",
+                "line": 26,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 498,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyKeyInfoHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 499,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 540,
+                      "name": "SkyKeyInfoHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 495,
+                      "name": "SkyKeyInfoHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
           }
         ],
         "groups": [
           {
-            "title": "Properties",
-            "kind": 1024,
+            "title": "Constructors",
+            "kind": 512,
             "children": [
-              494,
-              492,
-              493
+              505
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              513,
+              515,
+              511,
+              520,
+              497
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/indicators/src/testing/alert/alert-harness-filters.ts",
-            "line": 7,
-            "character": 17
+            "fileName": "projects/indicators/src/testing/key-info/key-info-harness.ts",
+            "line": 12,
+            "character": 13
           }
         ],
         "extendedTypes": [
           {
             "type": "reference",
-            "name": "SkyHarnessFilters"
+            "name": "SkyComponentHarness"
           }
         ]
-      }
-    ],
-    "groups": [
+      },
       {
-        "title": "Modules",
-        "kind": 2,
-        "children": [
-          1,
-          2
-        ]
+        "id": 544,
+        "name": "SkyLabelHarness",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Harness for interacting with a label component in tests."
+        },
+        "children": [
+          {
+            "id": 566,
+            "name": "getCustomDescription",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+                "line": 102,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 567,
+                "name": "getCustomDescription",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the custom text used for the screen reader description of the label component icon."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 564,
+            "name": "getDescriptionType",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+                "line": 66,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 565,
+                "name": "getDescriptionType",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the `descriptionType` of the label component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 368,
+                      "name": "SkyIndicatorDescriptionType"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 560,
+            "name": "getLabelText",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+                "line": 36,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 561,
+                "name": "getLabelText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the text of the label component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 562,
+            "name": "getLabelType",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+                "line": 43,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 563,
+                "name": "getLabelType",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the `labelType` of the label component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 364,
+                      "name": "SkyLabelType"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 571,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 221,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 572,
+                "name": "host",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `Promise` for the `TestElement` representing the host element of the component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "TestElement",
+                      "package": "@angular/cdk",
+                      "name": "TestElement"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyComponentHarness.host"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyComponentHarness.host"
+            }
+          },
+          {
+            "id": 546,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+                "line": 27,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 547,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyLookupHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 548,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 591,
+                      "name": "SkyLabelHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 544,
+                      "name": "SkyLabelHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              554
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              566,
+              564,
+              560,
+              562,
+              571,
+              546
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/label/label-harness.ts",
+            "line": 13,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 491,
+        "name": "SkyAlertHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of SkyAlertHarness instances."
+        },
+        "children": [
+          {
+            "id": 494,
+            "name": "ancestor",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances that are nested under an element with the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 351,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 492,
+            "name": "dataSkyId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "qualifiedName": "RegExp",
+                  "package": "typescript",
+                  "name": "RegExp"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 493,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose host element matches the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 349,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              494,
+              492,
+              493
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/alert/alert-harness-filters.ts",
+            "line": 7,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyHarnessFilters"
+          }
+        ]
+      },
+      {
+        "id": 540,
+        "name": "SkyKeyInfoHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of SkyKeyInfoHarness instances."
+        },
+        "children": [
+          {
+            "id": 543,
+            "name": "ancestor",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances that are nested under an element with the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 351,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 541,
+            "name": "dataSkyId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "qualifiedName": "RegExp",
+                  "package": "typescript",
+                  "name": "RegExp"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 542,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose host element matches the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 349,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              543,
+              541,
+              542
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/key-info/key-info-harness-filters.ts",
+            "line": 7,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyHarnessFilters"
+          }
+        ]
+      },
+      {
+        "id": 591,
+        "name": "SkyLabelHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of `SkyLabelHarness` instances."
+        },
+        "children": [
+          {
+            "id": 594,
+            "name": "ancestor",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances that are nested under an element with the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 351,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 592,
+            "name": "dataSkyId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "qualifiedName": "RegExp",
+                  "package": "typescript",
+                  "name": "RegExp"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 593,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose host element matches the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 349,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              594,
+              592,
+              593
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/label/label-harness-filters.ts",
+            "line": 7,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyHarnessFilters"
+          }
+        ]
+      }
+    ],
+    "groups": [
+      {
+        "title": "Modules",
+        "kind": 2,
+        "children": [
+          1,
+          2
+        ]
       }
     ]
   },
@@ -7001,12 +7843,17 @@
     {
       "fileName": "key-info-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.html",
-      "rawContents": "<sky-key-info [layout]=\"layout\">\n  <sky-key-info-value> 575 </sky-key-info-value>\n  <sky-key-info-label> New members </sky-key-info-label>\n</sky-key-info>\n"
+      "rawContents": "<sky-key-info [layout]=\"layout\" data-sky-id=\"key-info-demo\">\n  <sky-key-info-value>{{ value }}</sky-key-info-value>\n  <sky-key-info-label> New members </sky-key-info-label>\n</sky-key-info>\n"
+    },
+    {
+      "fileName": "key-info-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { SkyKeyInfoHarness } from '@skyux/indicators/testing';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\nimport { KeyInfoDemoModule } from './key-info-demo.module';\n\ndescribe('Basic key info', () => {\n  async function setupTest(options?: { value?: number }) {\n    const fixture = TestBed.createComponent(KeyInfoDemoComponent);\n\n    if (options?.value !== undefined) {\n      fixture.componentInstance.value = options.value;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const keyInfoHarness = await loader.getHarness(\n      SkyKeyInfoHarness.with({ dataSkyId: 'key-info-demo' })\n    );\n\n    return { keyInfoHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [KeyInfoDemoModule],\n    });\n  });\n\n  it('should display a vertical key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 101 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('vertical');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('101');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n\n  it('should display a horizontal key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 50 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('horizontal');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('50');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n});\n"
     },
     {
       "fileName": "key-info-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  public layout = 'vertical';\n}\n"
+      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyKeyInfoLayoutType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  @Input()\n  public set value(value: number) {\n    this.#_value = value;\n    this.layout = this.#_value >= 100 ? 'vertical' : 'horizontal';\n  }\n\n  public get value(): number {\n    return this.#_value;\n  }\n\n  public layout: SkyKeyInfoLayoutType = 'vertical';\n\n  #_value: number | undefined;\n}\n"
     },
     {
       "fileName": "key-info-demo.module.ts",
@@ -7031,12 +7878,17 @@
     {
       "fileName": "label-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.html",
-      "rawContents": "<sky-label\n  class=\"sky-margin-inline-lg\"\n  labelType=\"info\"\n  descriptionType=\"important-info\"\n>\n  Board member\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-lg\"\n  labelType=\"success\"\n  descriptionType=\"success\"\n>\n  Approved\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-lg\"\n  labelType=\"warning\"\n  descriptionType=\"warning\"\n>\n  Needs approval\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-lg\"\n  labelType=\"danger\"\n  descriptionType=\"important-warning\"\n>\n  Overdue\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-lg\"\n  labelType=\"info\"\n  descriptionType=\"custom\"\n  customDescription=\"Fun fact:\"\n>\n  Custom screen reader description\n</sky-label>\n"
+      "rawContents": "<sky-label\n  data-sky-id=\"label-demo\"\n  [labelType]=\"labelType\"\n  [descriptionType]=\"descriptionType\"\n>\n  {{ labelText }}\n</sky-label>\n"
+    },
+    {
+      "fileName": "label-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { SkyLabelHarness } from '@skyux/indicators/testing';\n\nimport { LabelDemoComponent } from './label-demo.component';\nimport { LabelDemoModule } from './label-demo.module';\n\ndescribe('Basic label', () => {\n  async function setupTest(options?: {\n    daysUntilDue?: number;\n    submitted?: boolean;\n  }) {\n    const fixture = TestBed.createComponent(LabelDemoComponent);\n\n    if (options?.daysUntilDue !== undefined) {\n      fixture.componentInstance.daysUntilDue = options.daysUntilDue;\n    }\n\n    if (options?.submitted !== undefined) {\n      fixture.componentInstance.submitted = options.submitted;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const labelHarness = await loader.getHarness(\n      SkyLabelHarness.with({ dataSkyId: 'label-demo' })\n    );\n\n    return { labelHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [LabelDemoModule],\n    });\n  });\n\n  it('should show an info label when submitted is false and there is more than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 8 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('info');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'attention'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Incomplete');\n  });\n\n  it('should show a warning label when submitted is false and there is less than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 6 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('warning');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'important-warning'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Due soon');\n  });\n\n  it('should show a danger label when submitted is false and it is past due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: -1 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('danger');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'danger'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Overdue');\n  });\n\n  it('should show a success label when submitted is true', async () => {\n    const { labelHarness, fixture } = await setupTest({ submitted: true });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('success');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'completed'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Submitted');\n  });\n});\n"
     },
     {
       "fileName": "label-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html',\n})\nexport class LabelDemoComponent {}\n"
+      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyIndicatorDescriptionType, SkyLabelType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html',\n})\nexport class LabelDemoComponent {\n  @Input()\n  public get daysUntilDue(): number {\n    return this.#_daysUntilDue;\n  }\n\n  public set daysUntilDue(days: number) {\n    this.#_daysUntilDue = days;\n    this.updateLabelProperties(this.submitted, days);\n  }\n\n  @Input()\n  public get submitted(): boolean {\n    return this.#_submitted;\n  }\n\n  public set submitted(submitted: boolean) {\n    this.#_submitted = submitted;\n    this.updateLabelProperties(submitted, this.daysUntilDue);\n  }\n\n  public labelType: SkyLabelType = 'info';\n  public descriptionType: SkyIndicatorDescriptionType = 'attention';\n  public labelText = 'Incomplete';\n  public todaysDate = new Date('9/14/22');\n  #_daysUntilDue = 14;\n  #_submitted = false;\n\n  private updateLabelProperties(submitted: boolean, days: number) {\n    if (submitted) {\n      this.labelType = 'success';\n      this.descriptionType = 'completed';\n      this.labelText = 'Submitted';\n    } else if (days <= 0) {\n      this.labelType = 'danger';\n      this.descriptionType = 'danger';\n      this.labelText = 'Overdue';\n    } else if (days <= 7) {\n      this.labelType = 'warning';\n      this.descriptionType = 'important-warning';\n      this.labelText = 'Due soon';\n    } else {\n      this.labelType = 'info';\n      this.descriptionType = 'attention';\n      this.labelText = 'Incomplete';\n    }\n  }\n}\n"
     },
     {
       "fileName": "label-demo.module.ts",