@skyux/indicators 7.9.1 → 7.10.0

package/documentation.json

@@ -35,12 +35,14 @@
     "SkyKeyInfoLayoutType": "type-alias-skykeyinfolayouttype",
     "SkyLabelType": "type-alias-skylabeltype",
     "SkyAlertHarness": "class-skyalertharness",
+    "SkyIconHarness": "class-skyiconharness",
     "SkyKeyInfoHarness": "class-skykeyinfoharness",
     "SkyLabelHarness": "class-skylabelharness",
     "SkyTokenHarness": "class-skytokenharness",
     "SkyTokensHarness": "class-skytokensharness",
     "SkyWaitHarness": "class-skywaitharness",
     "SkyAlertHarnessFilters": "interface-skyalertharnessfilters",
+    "SkyIconHarnessFilters": "interface-skyiconharnessfilters",
     "SkyKeyInfoHarnessFilters": "interface-skykeyinfoharnessfilters",
     "SkyLabelHarnessFilters": "interface-skylabelharnessfilters",
     "SkyWaitHarnessFilters": "interface-skywaitharnessfilters"
@@ -5268,7 +5270,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Whether the icon has a fixed width.",
+              "shortText": "Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a\nconsistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when\nyou stack icons vertically, such as in lists.",
               "tags": [
                 {
                   "tag": "default",
@@ -5291,7 +5293,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 43,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -5392,7 +5394,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "The size of the icon using\n[Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons). Do not prefix the size with `fa-`."
+              "shortText": "The size of the icon using\n[Font Awesome sizes](https://fontawesome.com/v4/examples/). Do not prefix the size with `fa-`."
             },
             "decorators": [
               {
@@ -5444,7 +5446,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 50,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -6985,6 +6987,357 @@
       },
       {
         "id": 502,
+        "name": "SkyIconHarness",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Harness for interacting with an icon component in tests."
+        },
+        "children": [
+          {
+            "id": 519,
+            "name": "getIconName",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 46,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 520,
+                "name": "getIconName",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the icon name."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 521,
+            "name": "getIconSize",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 69,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 522,
+                "name": "getIconSize",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the icon size."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 523,
+            "name": "getIconType",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 85,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 524,
+                "name": "getIconType",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the icon type."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 525,
+            "name": "getVariant",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 101,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 526,
+                "name": "getVariant",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets if the icon is a variant."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 532,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 40,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 533,
+                "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": 527,
+            "name": "isFixedWidth",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 122,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 528,
+                "name": "isFixedWidth",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Whether the icon has fixed width."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 504,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+                "line": 22,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 505,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyIconHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 506,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 552,
+                      "name": "SkyIconHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 502,
+                      "name": "SkyIconHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              512
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              519,
+              521,
+              523,
+              525,
+              532,
+              527,
+              504
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/icon/icon-harness.ts",
+            "line": 12,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 556,
         "name": "SkyKeyInfoHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6994,7 +7347,7 @@
         },
         "children": [
           {
-            "id": 520,
+            "id": 574,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -7010,7 +7363,7 @@
             ],
             "signatures": [
               {
-                "id": 521,
+                "id": 575,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7034,7 +7387,7 @@
             ]
           },
           {
-            "id": 522,
+            "id": 576,
             "name": "getLayout",
             "kind": 2048,
             "kindString": "Method",
@@ -7050,7 +7403,7 @@
             ],
             "signatures": [
               {
-                "id": 523,
+                "id": 577,
                 "name": "getLayout",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7075,7 +7428,7 @@
             ]
           },
           {
-            "id": 518,
+            "id": 572,
             "name": "getValueText",
             "kind": 2048,
             "kindString": "Method",
@@ -7091,7 +7444,7 @@
             ],
             "signatures": [
               {
-                "id": 519,
+                "id": 573,
                 "name": "getValueText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7115,7 +7468,7 @@
             ]
           },
           {
-            "id": 527,
+            "id": 581,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7129,7 +7482,7 @@
             ],
             "signatures": [
               {
-                "id": 528,
+                "id": 582,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7163,7 +7516,7 @@
             }
           },
           {
-            "id": 504,
+            "id": 558,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7180,7 +7533,7 @@
             ],
             "signatures": [
               {
-                "id": 505,
+                "id": 559,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7190,14 +7543,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 506,
+                    "id": 560,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 547,
+                      "id": 601,
                       "name": "SkyKeyInfoHarnessFilters"
                     }
                   }
@@ -7207,7 +7560,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 502,
+                      "id": 556,
                       "name": "SkyKeyInfoHarness"
                     }
                   ],
@@ -7224,18 +7577,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              512
+              566
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              520,
-              522,
-              518,
-              527,
-              504
+              574,
+              576,
+              572,
+              581,
+              558
             ]
           }
         ],
@@ -7254,7 +7607,7 @@
         ]
       },
       {
-        "id": 551,
+        "id": 605,
         "name": "SkyLabelHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7264,7 +7617,7 @@
         },
         "children": [
           {
-            "id": 573,
+            "id": 627,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -7280,7 +7633,7 @@
             ],
             "signatures": [
               {
-                "id": 574,
+                "id": 628,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7304,7 +7657,7 @@
             ]
           },
           {
-            "id": 571,
+            "id": 625,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -7320,7 +7673,7 @@
             ],
             "signatures": [
               {
-                "id": 572,
+                "id": 626,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7345,7 +7698,7 @@
             ]
           },
           {
-            "id": 567,
+            "id": 621,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -7361,7 +7714,7 @@
             ],
             "signatures": [
               {
-                "id": 568,
+                "id": 622,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7385,7 +7738,7 @@
             ]
           },
           {
-            "id": 569,
+            "id": 623,
             "name": "getLabelType",
             "kind": 2048,
             "kindString": "Method",
@@ -7401,7 +7754,7 @@
             ],
             "signatures": [
               {
-                "id": 570,
+                "id": 624,
                 "name": "getLabelType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7426,7 +7779,7 @@
             ]
           },
           {
-            "id": 578,
+            "id": 632,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7440,7 +7793,7 @@
             ],
             "signatures": [
               {
-                "id": 579,
+                "id": 633,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7474,7 +7827,7 @@
             }
           },
           {
-            "id": 553,
+            "id": 607,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7491,7 +7844,7 @@
             ],
             "signatures": [
               {
-                "id": 554,
+                "id": 608,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7501,14 +7854,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 555,
+                    "id": 609,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 598,
+                      "id": 652,
                       "name": "SkyLabelHarnessFilters"
                     }
                   }
@@ -7518,7 +7871,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 551,
+                      "id": 605,
                       "name": "SkyLabelHarness"
                     }
                   ],
@@ -7535,19 +7888,19 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              561
+              615
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              573,
-              571,
-              567,
-              569,
-              578,
-              553
+              627,
+              625,
+              621,
+              623,
+              632,
+              607
             ]
           }
         ],
@@ -7566,7 +7919,7 @@
         ]
       },
       {
-        "id": 602,
+        "id": 656,
         "name": "SkyTokenHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7576,7 +7929,7 @@
         },
         "children": [
           {
-            "id": 615,
+            "id": 669,
             "name": "dismiss",
             "kind": 2048,
             "kindString": "Method",
@@ -7592,7 +7945,7 @@
             ],
             "signatures": [
               {
-                "id": 616,
+                "id": 670,
                 "name": "dismiss",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7616,7 +7969,7 @@
             ]
           },
           {
-            "id": 617,
+            "id": 671,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -7632,7 +7985,7 @@
             ],
             "signatures": [
               {
-                "id": 618,
+                "id": 672,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7656,7 +8009,7 @@
             ]
           },
           {
-            "id": 626,
+            "id": 680,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7670,7 +8023,7 @@
             ],
             "signatures": [
               {
-                "id": 627,
+                "id": 681,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7704,7 +8057,7 @@
             }
           },
           {
-            "id": 619,
+            "id": 673,
             "name": "isDisabled",
             "kind": 2048,
             "kindString": "Method",
@@ -7720,7 +8073,7 @@
             ],
             "signatures": [
               {
-                "id": 620,
+                "id": 674,
                 "name": "isDisabled",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7744,7 +8097,7 @@
             ]
           },
           {
-            "id": 621,
+            "id": 675,
             "name": "isDismissible",
             "kind": 2048,
             "kindString": "Method",
@@ -7760,7 +8113,7 @@
             ],
             "signatures": [
               {
-                "id": 622,
+                "id": 676,
                 "name": "isDismissible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7784,7 +8137,7 @@
             ]
           },
           {
-            "id": 623,
+            "id": 677,
             "name": "isFocused",
             "kind": 2048,
             "kindString": "Method",
@@ -7800,7 +8153,7 @@
             ],
             "signatures": [
               {
-                "id": 624,
+                "id": 678,
                 "name": "isFocused",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7824,7 +8177,7 @@
             ]
           },
           {
-            "id": 613,
+            "id": 667,
             "name": "select",
             "kind": 2048,
             "kindString": "Method",
@@ -7840,7 +8193,7 @@
             ],
             "signatures": [
               {
-                "id": 614,
+                "id": 668,
                 "name": "select",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7864,7 +8217,7 @@
             ]
           },
           {
-            "id": 604,
+            "id": 658,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7881,7 +8234,7 @@
             ],
             "signatures": [
               {
-                "id": 605,
+                "id": 659,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7891,7 +8244,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 606,
+                    "id": 660,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7907,7 +8260,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 602,
+                      "id": 656,
                       "name": "SkyTokenHarness"
                     }
                   ],
@@ -7924,21 +8277,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              607
+              661
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              615,
-              617,
-              626,
-              619,
-              621,
-              623,
-              613,
-              604
+              669,
+              671,
+              680,
+              673,
+              675,
+              677,
+              667,
+              658
             ]
           }
         ],
@@ -7959,7 +8312,7 @@
         ]
       },
       {
-        "id": 650,
+        "id": 704,
         "name": "SkyTokensHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7969,7 +8322,7 @@
         },
         "children": [
           {
-            "id": 663,
+            "id": 717,
             "name": "dismissTokens",
             "kind": 2048,
             "kindString": "Method",
@@ -7985,7 +8338,7 @@
             ],
             "signatures": [
               {
-                "id": 664,
+                "id": 718,
                 "name": "dismissTokens",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7995,7 +8348,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 665,
+                    "id": 719,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8024,7 +8377,7 @@
             ]
           },
           {
-            "id": 666,
+            "id": 720,
             "name": "getTokens",
             "kind": 2048,
             "kindString": "Method",
@@ -8040,7 +8393,7 @@
             ],
             "signatures": [
               {
-                "id": 667,
+                "id": 721,
                 "name": "getTokens",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8050,7 +8403,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 668,
+                    "id": 722,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8070,7 +8423,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 602,
+                        "id": 656,
                         "name": "SkyTokenHarness"
                       }
                     }
@@ -8083,7 +8436,7 @@
             ]
           },
           {
-            "id": 669,
+            "id": 723,
             "name": "getTokensText",
             "kind": 2048,
             "kindString": "Method",
@@ -8099,7 +8452,7 @@
             ],
             "signatures": [
               {
-                "id": 670,
+                "id": 724,
                 "name": "getTokensText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8126,7 +8479,7 @@
             ]
           },
           {
-            "id": 674,
+            "id": 728,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -8140,7 +8493,7 @@
             ],
             "signatures": [
               {
-                "id": 675,
+                "id": 729,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8174,7 +8527,7 @@
             }
           },
           {
-            "id": 652,
+            "id": 706,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -8191,7 +8544,7 @@
             ],
             "signatures": [
               {
-                "id": 653,
+                "id": 707,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8201,7 +8554,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 654,
+                    "id": 708,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8217,7 +8570,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 650,
+                      "id": 704,
                       "name": "SkyTokensHarness"
                     }
                   ],
@@ -8234,18 +8587,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              660
+              714
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              663,
-              666,
-              669,
-              674,
-              652
+              717,
+              720,
+              723,
+              728,
+              706
             ]
           }
         ],
@@ -8264,7 +8617,7 @@
         ]
       },
       {
-        "id": 698,
+        "id": 752,
         "name": "SkyWaitHarness",
         "kind": 128,
         "kindString": "Class",
@@ -8274,7 +8627,7 @@
         },
         "children": [
           {
-            "id": 713,
+            "id": 767,
             "name": "getAriaLabel",
             "kind": 2048,
             "kindString": "Method",
@@ -8290,7 +8643,7 @@
             ],
             "signatures": [
               {
-                "id": 714,
+                "id": 768,
                 "name": "getAriaLabel",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8314,7 +8667,7 @@
             ]
           },
           {
-            "id": 724,
+            "id": 778,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -8328,7 +8681,7 @@
             ],
             "signatures": [
               {
-                "id": 725,
+                "id": 779,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8362,7 +8715,7 @@
             }
           },
           {
-            "id": 717,
+            "id": 771,
             "name": "isFullPage",
             "kind": 2048,
             "kindString": "Method",
@@ -8378,7 +8731,7 @@
             ],
             "signatures": [
               {
-                "id": 718,
+                "id": 772,
                 "name": "isFullPage",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8402,7 +8755,7 @@
             ]
           },
           {
-            "id": 719,
+            "id": 773,
             "name": "isNonBlocking",
             "kind": 2048,
             "kindString": "Method",
@@ -8418,7 +8771,7 @@
             ],
             "signatures": [
               {
-                "id": 720,
+                "id": 774,
                 "name": "isNonBlocking",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8442,7 +8795,7 @@
             ]
           },
           {
-            "id": 715,
+            "id": 769,
             "name": "isWaiting",
             "kind": 2048,
             "kindString": "Method",
@@ -8458,7 +8811,7 @@
             ],
             "signatures": [
               {
-                "id": 716,
+                "id": 770,
                 "name": "isWaiting",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8482,7 +8835,7 @@
             ]
           },
           {
-            "id": 700,
+            "id": 754,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -8499,7 +8852,7 @@
             ],
             "signatures": [
               {
-                "id": 701,
+                "id": 755,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8509,14 +8862,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 702,
+                    "id": 756,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 744,
+                      "id": 798,
                       "name": "SkyWaitHarnessFilters"
                     }
                   }
@@ -8526,7 +8879,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 698,
+                      "id": 752,
                       "name": "SkyWaitHarness"
                     }
                   ],
@@ -8543,19 +8896,19 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              708
+              762
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              713,
-              724,
-              717,
-              719,
-              715,
-              700
+              767,
+              778,
+              771,
+              773,
+              769,
+              754
             ]
           }
         ],
@@ -8702,7 +9055,135 @@
         ]
       },
       {
-        "id": 547,
+        "id": 552,
+        "name": "SkyIconHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of SkyIconHarness instances."
+        },
+        "children": [
+          {
+            "id": 555,
+            "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/index.d.ts",
+                "line": 28,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 553,
+            "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": 554,
+            "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/index.d.ts",
+                "line": 26,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              555,
+              553,
+              554
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/icon/icon-harness-filters.ts",
+            "line": 7,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyHarnessFilters"
+          }
+        ]
+      },
+      {
+        "id": 601,
         "name": "SkyKeyInfoHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8712,7 +9193,7 @@
         },
         "children": [
           {
-            "id": 550,
+            "id": 604,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8739,7 +9220,7 @@
             }
           },
           {
-            "id": 548,
+            "id": 602,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -8777,7 +9258,7 @@
             }
           },
           {
-            "id": 549,
+            "id": 603,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -8809,9 +9290,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              550,
-              548,
-              549
+              604,
+              602,
+              603
             ]
           }
         ],
@@ -8830,7 +9311,7 @@
         ]
       },
       {
-        "id": 598,
+        "id": 652,
         "name": "SkyLabelHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8840,7 +9321,7 @@
         },
         "children": [
           {
-            "id": 601,
+            "id": 655,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8867,7 +9348,7 @@
             }
           },
           {
-            "id": 599,
+            "id": 653,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -8905,7 +9386,7 @@
             }
           },
           {
-            "id": 600,
+            "id": 654,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -8937,9 +9418,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              601,
-              599,
-              600
+              655,
+              653,
+              654
             ]
           }
         ],
@@ -8958,7 +9439,7 @@
         ]
       },
       {
-        "id": 744,
+        "id": 798,
         "name": "SkyWaitHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8968,7 +9449,7 @@
         },
         "children": [
           {
-            "id": 748,
+            "id": 802,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8995,7 +9476,7 @@
             }
           },
           {
-            "id": 746,
+            "id": 800,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -9033,7 +9514,7 @@
             }
           },
           {
-            "id": 747,
+            "id": 801,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -9060,7 +9541,7 @@
             }
           },
           {
-            "id": 745,
+            "id": 799,
             "name": "servicePageWaitType",
             "kind": 1024,
             "kindString": "Property",
@@ -9097,10 +9578,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              748,
-              746,
-              747,
-              745
+              802,
+              800,
+              801,
+              799
             ]
           }
         ],
@@ -9168,19 +9649,44 @@
     },
     {
       "fileName": "icon-demo.component.html",
-      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.component.html",
-      "rawContents": "<sky-icon icon=\"bars\" size=\"lg\"></sky-icon>\n<sky-icon icon=\"chevron-down\" size=\"sm\"></sky-icon>\n<sky-icon icon=\"chevron-up\" size=\"5x\"></sky-icon>\n<sky-icon icon=\"cog\" size=\"2x\"></sky-icon>\n<sky-icon icon=\"comment\" size=\"xs\"></sky-icon>\n<sky-icon icon=\"database\" size=\"3x\"></sky-icon>\n<sky-icon [fixedWidth]=\"true\" icon=\"spinner\" size=\"3x\"></sky-icon>\n<sky-icon icon=\"trash\" size=\"sm\"></sky-icon>\n<sky-icon icon=\"users\" size=\"4x\"></sky-icon>\n<sky-icon icon=\"user\" size=\"5x\"></sky-icon>\n<sky-icon icon=\"sort\" iconType=\"skyux\" size=\"5x\"></sky-icon>\n"
+      "filePath": "/projects/indicators/documentation/code-examples/icon/basic/icon-demo.component.html",
+      "rawContents": "<sky-icon icon=\"calendar\"></sky-icon>\n<sky-icon icon=\"calendar\" size=\"lg\"></sky-icon>\n<sky-icon icon=\"calendar\" size=\"2x\" iconType=\"skyux\"></sky-icon>\n<sky-icon icon=\"calendar\" iconType=\"skyux\" variant=\"line\" size=\"3x\"></sky-icon>\n<sky-icon\n  data-sky-id=\"icon-demo\"\n  icon=\"calendar\"\n  iconType=\"skyux\"\n  variant=\"solid\"\n  size=\"4x\"\n  [fixedWidth]=\"true\"\n></sky-icon>\n\n<div>\n  <sky-icon icon=\"bars\" size=\"2x\"></sky-icon>\n</div>\n<div>\n  <sky-icon icon=\"chevron-down\" size=\"2x\"></sky-icon>\n</div>\n\n<div>\n  <sky-icon icon=\"bars\" size=\"2x\" [fixedWidth]=\"true\"></sky-icon>\n</div>\n<div>\n  <sky-icon icon=\"chevron-down\" size=\"2x\" [fixedWidth]=\"true\"></sky-icon>\n</div>\n"
+    },
+    {
+      "fileName": "icon-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/basic/icon-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyIconHarness } from '@skyux/indicators/testing';\n\nimport { IconDemoComponent } from './icon-demo.component';\nimport { IconDemoModule } from './icon-demo.module';\n\ndescribe('Basic icon', async () => {\n  async function setupTest(): Promise<{\n    iconHarness: SkyIconHarness;\n    fixture: ComponentFixture<IconDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(IconDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n    const iconHarness = await loader.getHarness(\n      SkyIconHarness.with({\n        dataSkyId: 'icon-demo',\n      })\n    );\n\n    return { iconHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [IconDemoModule],\n    });\n  });\n\n  it('should display the correct icon', async () => {\n    const { iconHarness, fixture } = await setupTest();\n\n    fixture.detectChanges();\n\n    await expectAsync(iconHarness.getIconName()).toBeResolvedTo('calendar');\n    await expectAsync(iconHarness.getIconType()).toBeResolvedTo('skyux');\n    await expectAsync(iconHarness.getVariant()).toBeResolvedTo('solid');\n    await expectAsync(iconHarness.getIconSize()).toBeResolvedTo('4x');\n    await expectAsync(iconHarness.isFixedWidth()).toBeResolvedTo(true);\n  });\n});\n"
     },
     {
       "fileName": "icon-demo.component.ts",
-      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.component.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/basic/icon-demo.component.ts",
       "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-icon-demo',\n  templateUrl: './icon-demo.component.html',\n})\nexport class IconDemoComponent {}\n"
     },
     {
       "fileName": "icon-demo.module.ts",
-      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.module.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/basic/icon-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { IconDemoComponent } from './icon-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule],\n  declarations: [IconDemoComponent],\n  exports: [IconDemoComponent],\n})\nexport class IconDemoModule {}\n"
     },
+    {
+      "fileName": "icon-button-demo.component.html",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-button/icon-button-demo.component.html",
+      "rawContents": "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-default\"\n  (click)=\"textButtonClick()\"\n>\n  Save\n  <sky-icon\n    data-sky-id=\"text-button-icon\"\n    icon=\"save\"\n    iconType=\"skyux\"\n  ></sky-icon>\n</button>\n\n<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-icon-borderless\"\n  (click)=\"iconOnlyButtonClick()\"\n>\n  <sky-icon data-sky-id=\"button-icon\" icon=\"edit\" size=\"lg\"></sky-icon>\n</button>\n"
+    },
+    {
+      "fileName": "icon-button-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-button/icon-button-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyIconHarness } from '@skyux/indicators/testing';\n\nimport { IconDemoComponent } from './icon-button-demo.component';\nimport { IconDemoModule } from './icon-button-demo.module';\n\ndescribe('Icon button', async () => {\n  async function setupTest(options: { dataSkyId?: string }): Promise<{\n    iconHarness: SkyIconHarness;\n    fixture: ComponentFixture<IconDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(IconDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n    const iconHarness = await loader.getHarness(\n      SkyIconHarness.with({\n        dataSkyId: options?.dataSkyId,\n      })\n    );\n\n    return { iconHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [IconDemoModule],\n    });\n  });\n\n  it('should display the icon in the text icon button', async () => {\n    const { iconHarness, fixture } = await setupTest({\n      dataSkyId: 'text-button-icon',\n    });\n\n    fixture.detectChanges();\n\n    await expectAsync(iconHarness.getIconName()).toBeResolvedTo('save');\n  });\n\n  it('should display the icon in the icon only button', async () => {\n    const { iconHarness, fixture } = await setupTest({\n      dataSkyId: 'button-icon',\n    });\n\n    fixture.detectChanges();\n\n    await expectAsync(iconHarness.getIconName()).toBeResolvedTo('edit');\n  });\n});\n"
+    },
+    {
+      "fileName": "icon-button-demo.component.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-button/icon-button-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-icon-demo',\n  templateUrl: './icon-button-demo.component.html',\n})\nexport class IconDemoComponent {\n  public textButtonClick(): void {\n    alert('Text with icon button clicked');\n  }\n\n  public iconOnlyButtonClick(): void {\n    alert('Icon only button clicked');\n  }\n}\n"
+    },
+    {
+      "fileName": "icon-button-demo.module.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/icon/icon-button/icon-button-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { IconDemoComponent } from './icon-button-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule],\n  declarations: [IconDemoComponent],\n  exports: [IconDemoComponent],\n})\nexport class IconDemoModule {}\n"
+    },
     {
       "fileName": "key-info-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.html",