@skyux/indicators 6.23.2 → 6.24.0

package/documentation.json

@@ -37,6 +37,8 @@
     "SkyAlertHarness": "class-skyalertharness",
     "SkyKeyInfoHarness": "class-skykeyinfoharness",
     "SkyLabelHarness": "class-skylabelharness",
+    "SkyTokenHarness": "class-skytokenharness",
+    "SkyTokensHarness": "class-skytokensharness",
     "SkyAlertHarnessFilters": "interface-skyalertharnessfilters",
     "SkyKeyInfoHarnessFilters": "interface-skykeyinfoharnessfilters",
     "SkyLabelHarnessFilters": "interface-skylabelharnessfilters"
@@ -49,14 +51,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 385,
+        "id": 387,
         "name": "SkyTokensMessageType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 387,
+            "id": 389,
             "name": "FocusActiveToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,7 +76,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 386,
+            "id": 388,
             "name": "FocusLastToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -92,7 +94,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 389,
+            "id": 391,
             "name": "FocusNextToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -110,7 +112,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 388,
+            "id": 390,
             "name": "FocusPreviousToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -128,7 +130,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 390,
+            "id": 392,
             "name": "RemoveActiveToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -151,11 +153,11 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              387,
-              386,
               389,
               388,
-              390
+              391,
+              390,
+              392
             ]
           }
         ],
@@ -548,7 +550,7 @@
         ]
       },
       {
-        "id": 391,
+        "id": 393,
         "name": "SkyWaitModule",
         "kind": 128,
         "kindString": "Class",
@@ -573,7 +575,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              392
+              394
             ]
           }
         ],
@@ -586,7 +588,7 @@
         ]
       },
       {
-        "id": 394,
+        "id": 396,
         "name": "SkyWaitService",
         "kind": 128,
         "kindString": "Class",
@@ -607,7 +609,7 @@
         ],
         "children": [
           {
-            "id": 395,
+            "id": 397,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -621,14 +623,14 @@
             ],
             "signatures": [
               {
-                "id": 396,
+                "id": 398,
                 "name": "new SkyWaitService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 397,
+                    "id": 399,
                     "name": "resolver",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -641,7 +643,7 @@
                     }
                   },
                   {
-                    "id": 398,
+                    "id": 400,
                     "name": "appRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -654,7 +656,7 @@
                     }
                   },
                   {
-                    "id": 399,
+                    "id": 401,
                     "name": "waitAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -665,7 +667,7 @@
                     }
                   },
                   {
-                    "id": 400,
+                    "id": 402,
                     "name": "windowSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -678,14 +680,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 394,
+                  "id": 396,
                   "name": "SkyWaitService"
                 }
               }
             ]
           },
           {
-            "id": 405,
+            "id": 407,
             "name": "beginBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -701,7 +703,7 @@
             ],
             "signatures": [
               {
-                "id": 406,
+                "id": 408,
                 "name": "beginBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -717,7 +719,7 @@
             ]
           },
           {
-            "id": 407,
+            "id": 409,
             "name": "beginNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -733,7 +735,7 @@
             ],
             "signatures": [
               {
-                "id": 408,
+                "id": 410,
                 "name": "beginNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -749,7 +751,7 @@
             ]
           },
           {
-            "id": 417,
+            "id": 419,
             "name": "blockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -765,7 +767,7 @@
             ],
             "signatures": [
               {
-                "id": 418,
+                "id": 420,
                 "name": "blockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -775,7 +777,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 419,
+                    "id": 421,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -784,7 +786,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 420,
+                    "id": 422,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -794,7 +796,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 419,
+                          "id": 421,
                           "name": "T"
                         }
                       ],
@@ -809,7 +811,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 419,
+                      "id": 421,
                       "name": "T"
                     }
                   ],
@@ -821,7 +823,7 @@
             ]
           },
           {
-            "id": 413,
+            "id": 415,
             "name": "clearAllPageWaits",
             "kind": 2048,
             "kindString": "Method",
@@ -837,7 +839,7 @@
             ],
             "signatures": [
               {
-                "id": 414,
+                "id": 416,
                 "name": "clearAllPageWaits",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -853,7 +855,7 @@
             ]
           },
           {
-            "id": 409,
+            "id": 411,
             "name": "endBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -869,7 +871,7 @@
             ],
             "signatures": [
               {
-                "id": 410,
+                "id": 412,
                 "name": "endBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -885,7 +887,7 @@
             ]
           },
           {
-            "id": 411,
+            "id": 413,
             "name": "endNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -901,7 +903,7 @@
             ],
             "signatures": [
               {
-                "id": 412,
+                "id": 414,
                 "name": "endNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -917,7 +919,7 @@
             ]
           },
           {
-            "id": 421,
+            "id": 423,
             "name": "nonBlockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -933,7 +935,7 @@
             ],
             "signatures": [
               {
-                "id": 422,
+                "id": 424,
                 "name": "nonBlockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -943,7 +945,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 423,
+                    "id": 425,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -952,7 +954,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 424,
+                    "id": 426,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -962,7 +964,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 423,
+                          "id": 425,
                           "name": "T"
                         }
                       ],
@@ -977,7 +979,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 423,
+                      "id": 425,
                       "name": "T"
                     }
                   ],
@@ -994,20 +996,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              395
+              397
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              405,
               407,
-              417,
-              413,
               409,
+              419,
+              415,
               411,
-              421
+              413,
+              423
             ]
           }
         ],
@@ -3449,7 +3451,13 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 381,
+                  "id": 382,
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  ],
                   "name": "SkyTokenSelectedEventArgs"
                 }
               ],
@@ -3497,6 +3505,12 @@
                   "elementType": {
                     "type": "reference",
                     "id": 379,
+                    "typeArguments": [
+                      {
+                        "type": "intrinsic",
+                        "name": "any"
+                      }
+                    ],
                     "name": "SkyToken"
                   }
                 }
@@ -3528,6 +3542,12 @@
                 {
                   "type": "reference",
                   "id": 379,
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  ],
                   "name": "SkyToken"
                 }
               ],
@@ -4008,7 +4028,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 383,
+                      "id": 385,
                       "name": "SkyTokensMessage"
                     }
                   ],
@@ -4040,7 +4060,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 383,
+                          "id": 385,
                           "name": "SkyTokensMessage"
                         }
                       ],
@@ -4099,6 +4119,12 @@
                   "elementType": {
                     "type": "reference",
                     "id": 379,
+                    "typeArguments": [
+                      {
+                        "type": "intrinsic",
+                        "name": "any"
+                      }
+                    ],
                     "name": "SkyToken"
                   }
                 }
@@ -4126,6 +4152,12 @@
                       "elementType": {
                         "type": "reference",
                         "id": 379,
+                        "typeArguments": [
+                          {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        ],
                         "name": "SkyToken"
                       }
                     }
@@ -4207,6 +4239,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -4294,6 +4332,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -4337,6 +4381,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -6042,8 +6092,9 @@
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "any"
+              "type": "reference",
+              "id": 381,
+              "name": "T"
             }
           }
         ],
@@ -6059,20 +6110,33 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/types/token.ts",
-            "line": 1,
+            "line": 2,
             "character": 17
           }
+        ],
+        "typeParameter": [
+          {
+            "id": 381,
+            "name": "T",
+            "kind": 131072,
+            "kindString": "Type parameter",
+            "flags": {},
+            "default": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          }
         ]
       },
       {
-        "id": 381,
+        "id": 382,
         "name": "SkyTokenSelectedEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 382,
+            "id": 383,
             "name": "token",
             "kind": 1024,
             "kindString": "Property",
@@ -6092,6 +6156,13 @@
             "type": {
               "type": "reference",
               "id": 379,
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 384,
+                  "name": "T"
+                }
+              ],
               "name": "SkyToken"
             }
           }
@@ -6101,7 +6172,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              382
+              383
             ]
           }
         ],
@@ -6111,17 +6182,30 @@
             "line": 3,
             "character": 17
           }
+        ],
+        "typeParameter": [
+          {
+            "id": 384,
+            "name": "T",
+            "kind": 131072,
+            "kindString": "Type parameter",
+            "flags": {},
+            "default": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          }
         ]
       },
       {
-        "id": 383,
+        "id": 385,
         "name": "SkyTokensMessage",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 384,
+            "id": 386,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -6140,7 +6224,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 385,
+              "id": 387,
               "name": "SkyTokensMessageType"
             }
           }
@@ -6150,7 +6234,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              384
+              386
             ]
           }
         ],
@@ -6377,7 +6461,7 @@
         }
       },
       {
-        "id": 437,
+        "id": 439,
         "name": "SkyAlertHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6387,7 +6471,7 @@
         },
         "children": [
           {
-            "id": 458,
+            "id": 460,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -6403,7 +6487,7 @@
             ],
             "signatures": [
               {
-                "id": 459,
+                "id": 461,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6427,7 +6511,7 @@
             ]
           },
           {
-            "id": 454,
+            "id": 456,
             "name": "getAlertType",
             "kind": 2048,
             "kindString": "Method",
@@ -6443,7 +6527,7 @@
             ],
             "signatures": [
               {
-                "id": 455,
+                "id": 457,
                 "name": "getAlertType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6468,7 +6552,7 @@
             ]
           },
           {
-            "id": 466,
+            "id": 468,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -6484,7 +6568,7 @@
             ],
             "signatures": [
               {
-                "id": 467,
+                "id": 469,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6508,7 +6592,7 @@
             ]
           },
           {
-            "id": 464,
+            "id": 466,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -6524,7 +6608,7 @@
             ],
             "signatures": [
               {
-                "id": 465,
+                "id": 467,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6549,7 +6633,7 @@
             ]
           },
           {
-            "id": 456,
+            "id": 458,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -6565,7 +6649,7 @@
             ],
             "signatures": [
               {
-                "id": 457,
+                "id": 459,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6589,7 +6673,7 @@
             ]
           },
           {
-            "id": 471,
+            "id": 473,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -6603,7 +6687,7 @@
             ],
             "signatures": [
               {
-                "id": 472,
+                "id": 474,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6637,7 +6721,7 @@
             }
           },
           {
-            "id": 462,
+            "id": 464,
             "name": "isCloseable",
             "kind": 2048,
             "kindString": "Method",
@@ -6653,7 +6737,7 @@
             ],
             "signatures": [
               {
-                "id": 463,
+                "id": 465,
                 "name": "isCloseable",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6677,7 +6761,7 @@
             ]
           },
           {
-            "id": 460,
+            "id": 462,
             "name": "isClosed",
             "kind": 2048,
             "kindString": "Method",
@@ -6693,7 +6777,7 @@
             ],
             "signatures": [
               {
-                "id": 461,
+                "id": 463,
                 "name": "isClosed",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6717,7 +6801,7 @@
             ]
           },
           {
-            "id": 439,
+            "id": 441,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -6734,7 +6818,7 @@
             ],
             "signatures": [
               {
-                "id": 440,
+                "id": 442,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6744,14 +6828,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 441,
+                    "id": 443,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 491,
+                      "id": 493,
                       "name": "SkyAlertHarnessFilters"
                     }
                   }
@@ -6761,7 +6845,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 437,
+                      "id": 439,
                       "name": "SkyAlertHarness"
                     }
                   ],
@@ -6778,22 +6862,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              447
+              449
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              458,
-              454,
+              460,
+              456,
+              468,
               466,
+              458,
+              473,
               464,
-              456,
-              471,
               462,
-              460,
-              439
+              441
             ]
           }
         ],
@@ -6812,7 +6896,7 @@
         ]
       },
       {
-        "id": 495,
+        "id": 497,
         "name": "SkyKeyInfoHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6822,7 +6906,7 @@
         },
         "children": [
           {
-            "id": 513,
+            "id": 515,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -6838,7 +6922,7 @@
             ],
             "signatures": [
               {
-                "id": 514,
+                "id": 516,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6862,7 +6946,7 @@
             ]
           },
           {
-            "id": 515,
+            "id": 517,
             "name": "getLayout",
             "kind": 2048,
             "kindString": "Method",
@@ -6878,7 +6962,7 @@
             ],
             "signatures": [
               {
-                "id": 516,
+                "id": 518,
                 "name": "getLayout",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6903,7 +6987,7 @@
             ]
           },
           {
-            "id": 511,
+            "id": 513,
             "name": "getValueText",
             "kind": 2048,
             "kindString": "Method",
@@ -6919,7 +7003,7 @@
             ],
             "signatures": [
               {
-                "id": 512,
+                "id": 514,
                 "name": "getValueText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6943,7 +7027,7 @@
             ]
           },
           {
-            "id": 520,
+            "id": 522,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -6957,7 +7041,7 @@
             ],
             "signatures": [
               {
-                "id": 521,
+                "id": 523,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6991,7 +7075,7 @@
             }
           },
           {
-            "id": 497,
+            "id": 499,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7008,7 +7092,7 @@
             ],
             "signatures": [
               {
-                "id": 498,
+                "id": 500,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7018,14 +7102,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 499,
+                    "id": 501,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 540,
+                      "id": 542,
                       "name": "SkyKeyInfoHarnessFilters"
                     }
                   }
@@ -7035,7 +7119,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 495,
+                      "id": 497,
                       "name": "SkyKeyInfoHarness"
                     }
                   ],
@@ -7052,18 +7136,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              505
+              507
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              513,
               515,
-              511,
-              520,
-              497
+              517,
+              513,
+              522,
+              499
             ]
           }
         ],
@@ -7082,7 +7166,7 @@
         ]
       },
       {
-        "id": 544,
+        "id": 546,
         "name": "SkyLabelHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7092,7 +7176,7 @@
         },
         "children": [
           {
-            "id": 566,
+            "id": 568,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -7108,7 +7192,7 @@
             ],
             "signatures": [
               {
-                "id": 567,
+                "id": 569,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7132,7 +7216,7 @@
             ]
           },
           {
-            "id": 564,
+            "id": 566,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -7148,7 +7232,7 @@
             ],
             "signatures": [
               {
-                "id": 565,
+                "id": 567,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7173,7 +7257,7 @@
             ]
           },
           {
-            "id": 560,
+            "id": 562,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -7189,7 +7273,7 @@
             ],
             "signatures": [
               {
-                "id": 561,
+                "id": 563,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7213,7 +7297,7 @@
             ]
           },
           {
-            "id": 562,
+            "id": 564,
             "name": "getLabelType",
             "kind": 2048,
             "kindString": "Method",
@@ -7229,7 +7313,7 @@
             ],
             "signatures": [
               {
-                "id": 563,
+                "id": 565,
                 "name": "getLabelType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7254,7 +7338,7 @@
             ]
           },
           {
-            "id": 571,
+            "id": 573,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7268,7 +7352,7 @@
             ],
             "signatures": [
               {
-                "id": 572,
+                "id": 574,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7302,7 +7386,7 @@
             }
           },
           {
-            "id": 546,
+            "id": 548,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7319,7 +7403,7 @@
             ],
             "signatures": [
               {
-                "id": 547,
+                "id": 549,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7329,14 +7413,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 548,
+                    "id": 550,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 591,
+                      "id": 593,
                       "name": "SkyLabelHarnessFilters"
                     }
                   }
@@ -7346,7 +7430,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 544,
+                      "id": 546,
                       "name": "SkyLabelHarness"
                     }
                   ],
@@ -7363,19 +7447,19 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              554
+              556
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
+              568,
               566,
-              564,
-              560,
               562,
-              571,
-              546
+              564,
+              573,
+              548
             ]
           }
         ],
@@ -7394,88 +7478,786 @@
         ]
       },
       {
-        "id": 491,
-        "name": "SkyAlertHarnessFilters",
-        "kind": 256,
-        "kindString": "Interface",
+        "id": 597,
+        "name": "SkyTokenHarness",
+        "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 token component in tests."
         },
         "children": [
           {
-            "id": 494,
-            "name": "ancestor",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 609,
+            "name": "dismiss",
+            "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/tokens/token-harness.ts",
+                "line": 50,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.ancestor"
-            }
+            "signatures": [
+              {
+                "id": 610,
+                "name": "dismiss",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Dismisses the token."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
           },
           {
-            "id": 492,
-            "name": "dataSkyId",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 611,
+            "name": "getText",
+            "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/tokens/token-harness.ts",
+                "line": 63,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "intrinsic",
-                  "name": "string"
+            "signatures": [
+              {
+                "id": 612,
+                "name": "getText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns the text content of the token."
                 },
-                {
+                "type": {
                   "type": "reference",
-                  "qualifiedName": "RegExp",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
                   "package": "typescript",
-                  "name": "RegExp"
+                  "name": "Promise"
                 }
-              ]
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.dataSkyId"
-            }
+              }
+            ]
           },
           {
-            "id": 493,
-            "name": "selector",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
+            "id": 620,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 221,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 621,
+                "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": "ComponentHarness.host"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ComponentHarness.host"
+            }
+          },
+          {
+            "id": 613,
+            "name": "isDisabled",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+                "line": 70,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 614,
+                "name": "isDisabled",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Whether the token is disabled."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 615,
+            "name": "isDismissible",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+                "line": 77,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 616,
+                "name": "isDismissible",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Whether the token is dismissible."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 617,
+            "name": "isFocused",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+                "line": 84,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 618,
+                "name": "isFocused",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Whether the token is focused."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 607,
+            "name": "select",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+                "line": 39,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 608,
+                "name": "select",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Selects the token."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 599,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+                "line": 22,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 600,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyTokenHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 601,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyTokenHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 597,
+                      "name": "SkyTokenHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              602
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              609,
+              611,
+              620,
+              613,
+              615,
+              617,
+              607,
+              599
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
+            "line": 8,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "ComponentHarness",
+            "package": "@angular/cdk",
+            "name": "ComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 644,
+        "name": "SkyTokensHarness",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Harness for interacting with a tokens component in tests."
+        },
+        "children": [
+          {
+            "id": 657,
+            "name": "dismissTokens",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/tokens-harness.ts",
+                "line": 27,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 658,
+                "name": "dismissTokens",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Dismisses all tokens, or tokens that meet certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 659,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyTokenHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 660,
+            "name": "getTokens",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/tokens-harness.ts",
+                "line": 37,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 661,
+                "name": "getTokens",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns a list of tokens."
+                },
+                "parameters": [
+                  {
+                    "id": 662,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyTokenHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "array",
+                      "elementType": {
+                        "type": "reference",
+                        "id": 597,
+                        "name": "SkyTokenHarness"
+                      }
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 663,
+            "name": "getTokensText",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/tokens-harness.ts",
+                "line": 46,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 664,
+                "name": "getTokensText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns the text content of all tokens."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "array",
+                      "elementType": {
+                        "type": "intrinsic",
+                        "name": "string"
+                      }
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 668,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/component-harness.d.ts",
+                "line": 221,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 669,
+                "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": 646,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/testing/tokens/tokens-harness.ts",
+                "line": 20,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 647,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyTokensHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 648,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyTokensHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 644,
+                      "name": "SkyTokensHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              654
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              657,
+              660,
+              663,
+              668,
+              646
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/indicators/src/testing/tokens/tokens-harness.ts",
+            "line": 10,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 493,
+        "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": 496,
+            "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": 494,
+            "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": 495,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
             "comment": {
               "shortText": "Only find instances whose host element matches the given selector."
             },
@@ -7501,9 +8283,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              496,
               494,
-              492,
-              493
+              495
             ]
           }
         ],
@@ -7522,7 +8304,7 @@
         ]
       },
       {
-        "id": 540,
+        "id": 542,
         "name": "SkyKeyInfoHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -7532,7 +8314,7 @@
         },
         "children": [
           {
-            "id": 543,
+            "id": 545,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -7559,7 +8341,7 @@
             }
           },
           {
-            "id": 541,
+            "id": 543,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -7597,7 +8379,7 @@
             }
           },
           {
-            "id": 542,
+            "id": 544,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -7629,9 +8411,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              545,
               543,
-              541,
-              542
+              544
             ]
           }
         ],
@@ -7650,7 +8432,7 @@
         ]
       },
       {
-        "id": 591,
+        "id": 593,
         "name": "SkyLabelHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -7660,7 +8442,7 @@
         },
         "children": [
           {
-            "id": 594,
+            "id": 596,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -7687,7 +8469,7 @@
             }
           },
           {
-            "id": 592,
+            "id": 594,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -7725,7 +8507,7 @@
             }
           },
           {
-            "id": 593,
+            "id": 595,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -7757,9 +8539,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              596,
               594,
-              592,
-              593
+              595
             ]
           }
         ],
@@ -7925,30 +8707,50 @@
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyTextHighlightModule } from '@skyux/indicators';\n\nimport { TextHighlightDemoComponent } from './text-highlight-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyTextHighlightModule,\n  ],\n  exports: [TextHighlightDemoComponent],\n  declarations: [TextHighlightDemoComponent],\n})\nexport class TextHighlightDemoModule {}\n"
     },
+    {
+      "fileName": "tokens-demo-color.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo-color.ts",
+      "rawContents": "export interface TokensDemoColor {\n  name: string;\n}\n"
+    },
     {
       "fileName": "tokens-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.html",
-      "rawContents": "<sky-tokens [(tokens)]=\"colors\"> </sky-tokens>\n"
+      "rawContents": "<sky-tokens [(tokens)]=\"colors\" data-sky-id=\"color-tokens\"></sky-tokens>\n"
+    },
+    {
+      "fileName": "tokens-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyToken } from '@skyux/indicators';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoColor } from './tokens-demo-color';\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  async function setupTest() {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'color-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Red',\n      'Black',\n      'Blue',\n      'Brown',\n      'Green',\n      'Orange',\n      'Pink',\n      'Purple',\n      'Turquoise',\n      'White',\n      'Yellow',\n    ]);\n  });\n\n  it('should update the tokens array when one is dismissed', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const blueToken: SkyToken<TokensDemoColor> = {\n      value: { name: 'Blue' },\n    };\n\n    expect(fixture.componentInstance.colors).toContain(blueToken);\n\n    await tokensHarness.dismissTokens({\n      text: 'Blue',\n    });\n\n    expect(fixture.componentInstance.colors).not.toContain(blueToken);\n  });\n});\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { SkyToken } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent {\n  public colors: SkyToken[];\n\n  private defaultColors = [\n    { name: 'Red' },\n    { name: 'Black' },\n    { name: 'Blue' },\n    { name: 'Brown' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Yellow' },\n  ];\n\n  constructor() {\n    this.colors = this.getTokens(this.defaultColors);\n  }\n\n  private getTokens(data: any[]): SkyToken[] {\n    return data.map((item: any) => {\n      return {\n        value: item,\n      } as SkyToken;\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { SkyToken } from '@skyux/indicators';\n\nimport { TokensDemoColor } from './tokens-demo-color';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent {\n  public colors: SkyToken<TokensDemoColor>[] = [\n    { value: { name: 'Red' } },\n    { value: { name: 'Black' } },\n    { value: { name: 'Blue' } },\n    { value: { name: 'Brown' } },\n    { value: { name: 'Green' } },\n    { value: { name: 'Orange' } },\n    { value: { name: 'Pink' } },\n    { value: { name: 'Purple' } },\n    { value: { name: 'Turquoise' } },\n    { value: { name: 'White' } },\n    { value: { name: 'Yellow' } },\n  ];\n}\n"
     },
     {
       "fileName": "tokens-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyTokensModule } from '@skyux/indicators';\n\nimport { TokensDemoComponent } from './tokens-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTokensModule],\n  exports: [TokensDemoComponent],\n  declarations: [TokensDemoComponent],\n})\nexport class TokensDemoModule {}\n"
     },
+    {
+      "fileName": "tokens-demo-item.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo-item.ts",
+      "rawContents": "export interface TokensDemoItem {\n  label: string;\n}\n"
+    },
     {
       "fileName": "tokens-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.html",
-      "rawContents": "<p>\n  These tokens define a custom property to display their values. When users\n  select a token, it emits an event.\n</p>\n\n<div class=\"sky-margin-stacked-xl\">\n  <sky-tokens\n    displayWith=\"label\"\n    [messageStream]=\"tokensController\"\n    (focusIndexOverRange)=\"onFocusIndexOverRange()\"\n    (focusIndexUnderRange)=\"onFocusIndexUnderRange()\"\n    (tokenSelected)=\"onTokenSelected($event)\"\n    [(tokens)]=\"myTokens\"\n  >\n    (You may also include content inside the tokens component.)\n  </sky-tokens>\n</div>\n\n<div class=\"sky-margin-stacked-xl\">\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"changeTokens()\"\n  >\n    Change tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"resetTokens()\"\n  >\n    Reset tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</div>\n"
+      "rawContents": "<p>\n  These tokens define a custom property to display their values. When users\n  select a token, it emits an event.\n</p>\n\n<div class=\"sky-margin-stacked-xl\">\n  <sky-tokens\n    displayWith=\"label\"\n    [messageStream]=\"tokensController\"\n    (focusIndexOverRange)=\"onFocusIndexOverRange()\"\n    (focusIndexUnderRange)=\"onFocusIndexUnderRange()\"\n    (tokenSelected)=\"onTokenSelected($event)\"\n    [(tokens)]=\"myTokens\"\n    data-sky-id=\"demo-tokens\"\n  >\n    (You may also include content inside the tokens component.)\n  </sky-tokens>\n</div>\n\n<div class=\"sky-margin-stacked-xl\">\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-change-btn\"\n    type=\"button\"\n    (click)=\"changeTokens()\"\n  >\n    Change tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-reset-btn\"\n    type=\"button\"\n    (click)=\"resetTokens()\"\n  >\n    Reset tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-destroy-btn\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-focus-last-btn\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</div>\n\n<div>\n  Selected token: <span class=\"tokens-demo-selected\">{{ selectedToken }}</span>\n</div>\n"
+    },
+    {
+      "fileName": "tokens-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  let initialTokenLabels: string[];\n\n  async function setupTest() {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'demo-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  function clickButton(\n    fixture: ComponentFixture<TokensDemoComponent>,\n    buttonName: 'change' | 'destroy' | 'focus-last' | 'reset'\n  ): void {\n    fixture.nativeElement\n      .querySelector(`.tokens-demo-${buttonName}-btn`)\n      .click();\n  }\n\n  beforeEach(() => {\n    initialTokenLabels = [\n      'Canada',\n      'Older than 55',\n      'Employed',\n      'Added before 2018',\n    ];\n\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should display the selected token label when the user selects a token', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const employedToken = (await tokensHarness.getTokens())[2];\n    await employedToken.select();\n\n    expect(\n      fixture.nativeElement.querySelector('.tokens-demo-selected').innerText\n    ).toBe('Employed');\n  });\n\n  it('should change tokens when the user clicks the \"Change tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Paid',\n      'Pending',\n      'Past due',\n    ]);\n  });\n\n  it('should reset tokens when the user clicks the \"Reset tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).not.toBeResolvedTo(\n      initialTokenLabels\n    );\n\n    clickButton(fixture, 'reset');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should destroy tokens when the user clicks the \"Destroy tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'destroy');\n\n    await expectAsync(tokensHarness.getTokens()).toBeResolvedTo([]);\n  });\n\n  it('should focus the last token when the user clicks the \"Focus last token\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const tokens = await tokensHarness.getTokens();\n    const lastToken = tokens[tokens.length - 1];\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(false);\n\n    clickButton(fixture, 'focus-last');\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(true);\n  });\n});\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.ts",
-      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport {\n  SkyToken,\n  SkyTokenSelectedEventArgs,\n  SkyTokensMessage,\n  SkyTokensMessageType,\n} from '@skyux/indicators';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent implements OnDestroy {\n  public myTokens: SkyToken[];\n\n  private defaultTokens = [\n    { label: 'Canada' },\n    { label: 'Older than 55' },\n    { label: 'Employed' },\n    { label: 'Added before 2018' },\n  ];\n\n  public tokensController: Subject<SkyTokensMessage>;\n\n  constructor() {\n    this.myTokens = this.getTokens(this.defaultTokens);\n  }\n\n  public ngOnDestroy(): void {\n    if (this.tokensController) {\n      this.tokensController.complete();\n    }\n  }\n\n  public resetTokens(): void {\n    this.createTokens();\n  }\n\n  public changeTokens(): void {\n    this.myTokens = this.getTokens([\n      { label: 'Paid' },\n      { label: 'Pending' },\n      { label: 'Past due' },\n    ]);\n  }\n\n  public destroyTokens(): void {\n    this.myTokens = undefined;\n  }\n\n  public createTokens(): void {\n    this.myTokens = this.getTokens(this.defaultTokens);\n  }\n\n  public onTokenSelected(args: SkyTokenSelectedEventArgs): void {\n    console.log('Token selected:', args);\n  }\n\n  public onFocusIndexUnderRange(): void {\n    console.log('Focus index was less than zero.');\n  }\n\n  public onFocusIndexOverRange(): void {\n    console.log('Focus index was greater than the number of tokens.');\n  }\n\n  public focusLastToken(): void {\n    if (!this.tokensController) {\n      this.tokensController = new Subject<SkyTokensMessage>();\n    }\n\n    this.tokensController.next({\n      type: SkyTokensMessageType.FocusLastToken,\n    });\n  }\n\n  private getTokens(data: any[]): SkyToken[] {\n    return data.map((item: any) => {\n      return {\n        value: item,\n      } as SkyToken;\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport {\n  SkyToken,\n  SkyTokenSelectedEventArgs,\n  SkyTokensMessage,\n  SkyTokensMessageType,\n} from '@skyux/indicators';\n\nimport { Subject } from 'rxjs';\n\nimport { TokensDemoItem } from './tokens-demo-item';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent implements OnDestroy {\n  public myTokens: SkyToken<TokensDemoItem>[];\n  public tokensController = new Subject<SkyTokensMessage>();\n  public selectedToken = '';\n\n  #defaultItems: TokensDemoItem[] = [\n    { label: 'Canada' },\n    { label: 'Older than 55' },\n    { label: 'Employed' },\n    { label: 'Added before 2018' },\n  ];\n\n  constructor() {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public ngOnDestroy(): void {\n    this.tokensController.complete();\n  }\n\n  public resetTokens(): void {\n    this.createTokens();\n  }\n\n  public changeTokens(): void {\n    this.myTokens = this.#getTokens([\n      { label: 'Paid' },\n      { label: 'Pending' },\n      { label: 'Past due' },\n    ]);\n  }\n\n  public destroyTokens(): void {\n    this.myTokens = undefined;\n  }\n\n  public createTokens(): void {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public onTokenSelected(\n    args: SkyTokenSelectedEventArgs<TokensDemoItem>\n  ): void {\n    this.selectedToken = args.token.value.label;\n  }\n\n  public onFocusIndexUnderRange(): void {\n    console.log('Focus index was less than zero.');\n  }\n\n  public onFocusIndexOverRange(): void {\n    console.log('Focus index was greater than the number of tokens.');\n  }\n\n  public focusLastToken(): void {\n    this.tokensController.next({\n      type: SkyTokensMessageType.FocusLastToken,\n    });\n  }\n\n  #getTokens(data: TokensDemoItem[]): SkyToken<TokensDemoItem>[] {\n    return data.map((item) => {\n      return {\n        value: item,\n      };\n    });\n  }\n}\n"
     },
     {
       "fileName": "tokens-demo.module.ts",