@skyux/layout 6.0.0-beta.1 → 6.0.0-beta.10

package/documentation.json

@@ -75,7 +75,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 477,
+        "id": 480,
         "name": "SkyBackToTopMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -85,7 +85,7 @@
         },
         "children": [
           {
-            "id": 478,
+            "id": 481,
             "name": "BackToTop",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -108,7 +108,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              478
+              481
             ]
           }
         ],
@@ -121,7 +121,7 @@
         ]
       },
       {
-        "id": 465,
+        "id": 468,
         "name": "SkyActionButtonModule",
         "kind": 128,
         "kindString": "Class",
@@ -146,7 +146,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              466
+              469
             ]
           }
         ],
@@ -159,7 +159,7 @@
         ]
       },
       {
-        "id": 472,
+        "id": 475,
         "name": "SkyBackToTopModule",
         "kind": 128,
         "kindString": "Class",
@@ -184,7 +184,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              473
+              476
             ]
           }
         ],
@@ -197,7 +197,7 @@
         ]
       },
       {
-        "id": 481,
+        "id": 484,
         "name": "SkyBoxModule",
         "kind": 128,
         "kindString": "Class",
@@ -222,7 +222,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              482
+              485
             ]
           }
         ],
@@ -235,11 +235,19 @@
         ]
       },
       {
-        "id": 484,
+        "id": 487,
         "name": "SkyCardModule",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
+        "comment": {
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "`SkyCardModule` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.\n"
+            }
+          ]
+        },
         "decorators": [
           {
             "name": "NgModule",
@@ -260,24 +268,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              485
+              488
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.module.ts",
-            "line": 37,
+            "line": 40,
             "character": 13
           }
         ]
       },
       {
-        "id": 487,
+        "id": 490,
         "name": "SkyDefinitionListModule",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
+        "comment": {
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "Use `SkyDescriptionListModule` instead.\n"
+            }
+          ]
+        },
         "decorators": [
           {
             "name": "NgModule",
@@ -298,20 +314,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              488
+              491
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.module.ts",
-            "line": 30,
+            "line": 33,
             "character": 13
           }
         ]
       },
       {
-        "id": 490,
+        "id": 493,
         "name": "SkyDescriptionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -336,7 +352,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              491
+              494
             ]
           }
         ],
@@ -349,7 +365,7 @@
         ]
       },
       {
-        "id": 502,
+        "id": 505,
         "name": "SkyFluidGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -374,7 +390,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              503
+              506
             ]
           }
         ],
@@ -387,7 +403,7 @@
         ]
       },
       {
-        "id": 509,
+        "id": 512,
         "name": "SkyFormatModule",
         "kind": 128,
         "kindString": "Class",
@@ -412,7 +428,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              510
+              513
             ]
           }
         ],
@@ -425,7 +441,7 @@
         ]
       },
       {
-        "id": 515,
+        "id": 518,
         "name": "SkyInlineDeleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -450,7 +466,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              516
+              519
             ]
           }
         ],
@@ -463,7 +479,7 @@
         ]
       },
       {
-        "id": 518,
+        "id": 521,
         "name": "SkyPageModule",
         "kind": 128,
         "kindString": "Class",
@@ -488,7 +504,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              519
+              522
             ]
           }
         ],
@@ -501,11 +517,19 @@
         ]
       },
       {
-        "id": 521,
+        "id": 524,
         "name": "SkyPageSummaryModule",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
+        "comment": {
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "`SkyPageSummaryModule` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts.\n"
+            }
+          ]
+        },
         "decorators": [
           {
             "name": "NgModule",
@@ -526,20 +550,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              522
+              525
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.module.ts",
-            "line": 36,
+            "line": 39,
             "character": 13
           }
         ]
       },
       {
-        "id": 524,
+        "id": 527,
         "name": "SkyTextExpandModule",
         "kind": 128,
         "kindString": "Class",
@@ -564,7 +588,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              525
+              528
             ]
           }
         ],
@@ -577,7 +601,7 @@
         ]
       },
       {
-        "id": 528,
+        "id": 531,
         "name": "SkyTextExpandRepeaterModule",
         "kind": 128,
         "kindString": "Class",
@@ -602,7 +626,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              529
+              532
             ]
           }
         ],
@@ -615,7 +639,7 @@
         ]
       },
       {
-        "id": 531,
+        "id": 534,
         "name": "SkyToolbarModule",
         "kind": 128,
         "kindString": "Class",
@@ -640,7 +664,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              532
+              535
             ]
           }
         ],
@@ -752,7 +776,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 459,
+              "id": 462,
               "name": "SkyActionButtonPermalink"
             }
           },
@@ -849,13 +873,19 @@
         ]
       },
       {
-        "id": 152,
+        "id": 153,
         "name": "SkyCardActionsComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies an action that users can perform on the card."
+          "shortText": "Specifies an action that users can perform on the card.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -877,26 +907,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              153
+              154
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-actions.component.ts",
-            "line": 11,
+            "line": 12,
             "character": 13
           }
         ]
       },
       {
-        "id": 155,
+        "id": 156,
         "name": "SkyCardContentComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies the content to display in the body of the card."
+          "shortText": "Specifies the content to display in the body of the card.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -918,26 +954,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              156
+              157
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-content.component.ts",
-            "line": 10,
+            "line": 11,
             "character": 13
           }
         ]
       },
       {
-        "id": 158,
+        "id": 159,
         "name": "SkyCardTitleComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies a title to identify what the card represents."
+          "shortText": "Specifies a title to identify what the card represents.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -959,20 +1001,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              159
+              160
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-title.component.ts",
-            "line": 10,
+            "line": 11,
             "character": 13
           }
         ]
       },
       {
-        "id": 161,
+        "id": 162,
         "name": "SkyDefinitionListComponent",
         "kind": 128,
         "kindString": "Class",
@@ -996,7 +1038,7 @@
         ],
         "children": [
           {
-            "id": 162,
+            "id": 163,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1004,20 +1046,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 35,
+                "line": 36,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 163,
+                "id": 164,
                 "name": "SkyDefinitionListComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 164,
+                    "id": 165,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1026,18 +1068,29 @@
                       "type": "reference",
                       "name": "SkyDefinitionListService"
                     }
+                  },
+                  {
+                    "id": 166,
+                    "name": "logger",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLogService"
+                    }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 161,
+                  "id": 162,
                   "name": "SkyDefinitionListComponent"
                 }
               }
             ]
           },
           {
-            "id": 168,
+            "id": 170,
             "name": "defaultValue",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1059,13 +1112,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 31,
+                "line": 32,
                 "character": 13
               }
             ],
             "setSignature": [
               {
-                "id": 169,
+                "id": 171,
                 "name": "defaultValue",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1081,7 +1134,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 170,
+                    "id": 172,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1100,7 +1153,7 @@
             ]
           },
           {
-            "id": 165,
+            "id": 167,
             "name": "labelWidth",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1122,13 +1175,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 21,
+                "line": 22,
                 "character": 13
               }
             ],
             "setSignature": [
               {
-                "id": 166,
+                "id": 168,
                 "name": "labelWidth",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1144,7 +1197,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 167,
+                    "id": 169,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1168,35 +1221,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              162
+              163
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              171
+              173
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              168,
-              165
+              170,
+              167
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-            "line": 15,
+            "line": 16,
             "character": 13
           }
         ]
       },
       {
-        "id": 172,
+        "id": 174,
         "name": "SkyDefinitionListContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1224,7 +1277,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              173
+              175
             ]
           }
         ],
@@ -1237,7 +1290,7 @@
         ]
       },
       {
-        "id": 175,
+        "id": 177,
         "name": "SkyDefinitionListHeadingComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1265,7 +1318,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              176
+              178
             ]
           }
         ],
@@ -1278,7 +1331,7 @@
         ]
       },
       {
-        "id": 178,
+        "id": 180,
         "name": "SkyDefinitionListLabelComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1302,7 +1355,7 @@
         ],
         "children": [
           {
-            "id": 179,
+            "id": 181,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1316,14 +1369,14 @@
             ],
             "signatures": [
               {
-                "id": 180,
+                "id": 182,
                 "name": "SkyDefinitionListLabelComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 181,
+                    "id": 183,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1336,14 +1389,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 178,
+                  "id": 180,
                   "name": "SkyDefinitionListLabelComponent"
                 }
               }
             ]
           },
           {
-            "id": 182,
+            "id": 184,
             "name": "labelWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -1368,15 +1421,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              179
+              181
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              182,
-              183
+              184,
+              185
             ]
           }
         ],
@@ -1389,7 +1442,7 @@
         ]
       },
       {
-        "id": 184,
+        "id": 186,
         "name": "SkyDefinitionListValueComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1413,7 +1466,7 @@
         ],
         "children": [
           {
-            "id": 185,
+            "id": 187,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1427,14 +1480,14 @@
             ],
             "signatures": [
               {
-                "id": 186,
+                "id": 188,
                 "name": "SkyDefinitionListValueComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 187,
+                    "id": 189,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1447,14 +1500,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 184,
+                  "id": 186,
                   "name": "SkyDefinitionListValueComponent"
                 }
               }
             ]
           },
           {
-            "id": 188,
+            "id": 190,
             "name": "defaultValue",
             "kind": 1024,
             "kindString": "Property",
@@ -1479,15 +1532,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              185
+              187
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              188,
-              189
+              190,
+              191
             ]
           }
         ],
@@ -1500,7 +1553,7 @@
         ]
       },
       {
-        "id": 190,
+        "id": 192,
         "name": "SkyDescriptionListComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1524,7 +1577,7 @@
         ],
         "children": [
           {
-            "id": 191,
+            "id": 193,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1538,14 +1591,14 @@
             ],
             "signatures": [
               {
-                "id": 192,
+                "id": 194,
                 "name": "SkyDescriptionListComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 193,
+                    "id": 195,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1556,7 +1609,7 @@
                     }
                   },
                   {
-                    "id": 194,
+                    "id": 196,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1569,7 +1622,7 @@
                     }
                   },
                   {
-                    "id": 195,
+                    "id": 197,
                     "name": "descriptionListService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1580,7 +1633,7 @@
                     }
                   },
                   {
-                    "id": 196,
+                    "id": 198,
                     "name": "mutationSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1593,14 +1646,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 190,
+                  "id": 192,
                   "name": "SkyDescriptionListComponent"
                 }
               }
             ]
           },
           {
-            "id": 205,
+            "id": 207,
             "name": "contentComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -1633,7 +1686,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 239,
+                  "id": 241,
                   "name": "SkyDescriptionListContentComponent"
                 }
               ],
@@ -1643,7 +1696,7 @@
             }
           },
           {
-            "id": 200,
+            "id": 202,
             "name": "listItemWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -1678,7 +1731,7 @@
             }
           },
           {
-            "id": 197,
+            "id": 199,
             "name": "defaultDescription",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1706,7 +1759,7 @@
             ],
             "setSignature": [
               {
-                "id": 198,
+                "id": 200,
                 "name": "defaultDescription",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1722,7 +1775,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 199,
+                    "id": 201,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1741,7 +1794,7 @@
             ]
           },
           {
-            "id": 201,
+            "id": 203,
             "name": "mode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1769,7 +1822,7 @@
             ],
             "getSignature": [
               {
-                "id": 202,
+                "id": 204,
                 "name": "mode",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1785,14 +1838,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 497,
+                  "id": 500,
                   "name": "SkyDescriptionListModeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 203,
+                "id": 205,
                 "name": "mode",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1808,14 +1861,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 204,
+                    "id": 206,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 497,
+                      "id": 500,
                       "name": "SkyDescriptionListModeType"
                     }
                   }
@@ -1828,7 +1881,7 @@
             ]
           },
           {
-            "id": 210,
+            "id": 212,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -1844,7 +1897,7 @@
             ],
             "signatures": [
               {
-                "id": 211,
+                "id": 213,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1865,7 +1918,7 @@
             }
           },
           {
-            "id": 212,
+            "id": 214,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -1881,7 +1934,7 @@
             ],
             "signatures": [
               {
-                "id": 213,
+                "id": 215,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1902,7 +1955,7 @@
             }
           },
           {
-            "id": 214,
+            "id": 216,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -1918,7 +1971,7 @@
             ],
             "signatures": [
               {
-                "id": 215,
+                "id": 217,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1939,7 +1992,7 @@
             }
           },
           {
-            "id": 216,
+            "id": 218,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -1969,7 +2022,7 @@
             ],
             "signatures": [
               {
-                "id": 217,
+                "id": 219,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1987,33 +2040,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              191
+              193
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              205,
-              200
+              207,
+              202
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              197,
-              201
+              199,
+              203
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              210,
               212,
               214,
-              216
+              216,
+              218
             ]
           }
         ],
@@ -2046,7 +2099,7 @@
         ]
       },
       {
-        "id": 220,
+        "id": 222,
         "name": "SkyDescriptionListTermComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2070,7 +2123,7 @@
         ],
         "children": [
           {
-            "id": 223,
+            "id": 225,
             "name": "templateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -2104,7 +2157,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",
@@ -2118,14 +2171,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              221
+              223
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              223
+              225
             ]
           }
         ],
@@ -2345,7 +2398,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 471,
+                  "id": 474,
                   "name": "SkyActionButtonContainerAlignItemsType"
                 }
               }
@@ -2375,7 +2428,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 471,
+                      "id": 474,
                       "name": "SkyActionButtonContainerAlignItemsType"
                     }
                   }
@@ -2597,7 +2650,7 @@
         ]
       },
       {
-        "id": 224,
+        "id": 226,
         "name": "SkyDescriptionListDescriptionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2621,7 +2674,7 @@
         ],
         "children": [
           {
-            "id": 225,
+            "id": 227,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2629,20 +2682,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 40,
+                "line": 41,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 226,
+                "id": 228,
                 "name": "SkyDescriptionListDescriptionComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 227,
+                    "id": 229,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2653,7 +2706,7 @@
                     }
                   },
                   {
-                    "id": 228,
+                    "id": 230,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2666,11 +2719,25 @@
                     }
                   },
                   {
-                    "id": 229,
+                    "id": 231,
                     "name": "themeSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
-                    "flags": {},
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      }
+                    ],
                     "type": {
                       "type": "reference",
                       "name": "SkyThemeService"
@@ -2679,14 +2746,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 224,
+                  "id": 226,
                   "name": "SkyDescriptionListDescriptionComponent"
                 }
               }
             ]
           },
           {
-            "id": 230,
+            "id": 232,
             "name": "defaultDescription",
             "kind": 1024,
             "kindString": "Property",
@@ -2696,7 +2763,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 28,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -2706,7 +2773,7 @@
             }
           },
           {
-            "id": 232,
+            "id": 234,
             "name": "templateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -2731,7 +2798,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 36,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -2740,7 +2807,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",
@@ -2749,7 +2816,7 @@
             }
           },
           {
-            "id": 231,
+            "id": 233,
             "name": "themeName",
             "kind": 1024,
             "kindString": "Property",
@@ -2759,7 +2826,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 30,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -2769,7 +2836,7 @@
             }
           },
           {
-            "id": 237,
+            "id": 239,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2779,13 +2846,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 58,
+                "line": 59,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 238,
+                "id": 240,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2806,7 +2873,7 @@
             }
           },
           {
-            "id": 235,
+            "id": 237,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2816,13 +2883,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 46,
+                "line": 47,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 236,
+                "id": 238,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2848,32 +2915,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              225
+              227
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              230,
-              234,
               232,
-              231
+              236,
+              234,
+              233
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              237,
-              235
+              239,
+              237
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-            "line": 25,
+            "line": 26,
             "character": 13
           }
         ],
@@ -2893,7 +2960,7 @@
         ]
       },
       {
-        "id": 239,
+        "id": 241,
         "name": "SkyDescriptionListContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2917,7 +2984,7 @@
         ],
         "children": [
           {
-            "id": 243,
+            "id": 245,
             "name": "descriptionComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -2950,7 +3017,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 224,
+                  "id": 226,
                   "name": "SkyDescriptionListDescriptionComponent"
                 }
               ],
@@ -2960,7 +3027,7 @@
             }
           },
           {
-            "id": 242,
+            "id": 244,
             "name": "termComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -2993,7 +3060,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 220,
+                  "id": 222,
                   "name": "SkyDescriptionListTermComponent"
                 }
               ],
@@ -3008,15 +3075,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              240
+              242
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              243,
-              242
+              245,
+              244
             ]
           }
         ],
@@ -3029,7 +3096,7 @@
         ]
       },
       {
-        "id": 244,
+        "id": 246,
         "name": "SkyFluidGridComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3053,7 +3120,7 @@
         ],
         "children": [
           {
-            "id": 247,
+            "id": 249,
             "name": "disableMargin",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3081,7 +3148,7 @@
             ],
             "getSignature": [
               {
-                "id": 248,
+                "id": 250,
                 "name": "disableMargin",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3103,7 +3170,7 @@
             ],
             "setSignature": [
               {
-                "id": 249,
+                "id": 251,
                 "name": "disableMargin",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3119,7 +3186,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 250,
+                    "id": 252,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3138,7 +3205,7 @@
             ]
           },
           {
-            "id": 251,
+            "id": 253,
             "name": "gutterSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3166,7 +3233,7 @@
             ],
             "getSignature": [
               {
-                "id": 252,
+                "id": 254,
                 "name": "gutterSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3182,14 +3249,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 505,
+                  "id": 508,
                   "name": "SkyFluidGridGutterSizeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 253,
+                "id": 255,
                 "name": "gutterSize",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3205,14 +3272,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 254,
+                    "id": 256,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 505,
+                      "id": 508,
                       "name": "SkyFluidGridGutterSizeType"
                     }
                   }
@@ -3230,15 +3297,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              245
+              247
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              247,
-              251
+              249,
+              253
             ]
           }
         ],
@@ -3251,7 +3318,7 @@
         ]
       },
       {
-        "id": 259,
+        "id": 261,
         "name": "SkyRowComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3275,7 +3342,7 @@
         ],
         "children": [
           {
-            "id": 262,
+            "id": 264,
             "name": "reverseColumnOrder",
             "kind": 1024,
             "kindString": "Property",
@@ -3322,14 +3389,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              260
+              262
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              262
+              264
             ]
           }
         ],
@@ -3342,7 +3409,7 @@
         ]
       },
       {
-        "id": 263,
+        "id": 265,
         "name": "SkyColumnComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3366,7 +3433,7 @@
         ],
         "children": [
           {
-            "id": 270,
+            "id": 272,
             "name": "classnames",
             "kind": 1024,
             "kindString": "Property",
@@ -3400,7 +3467,7 @@
             }
           },
           {
-            "id": 269,
+            "id": 271,
             "name": "screenLarge",
             "kind": 1024,
             "kindString": "Property",
@@ -3435,7 +3502,7 @@
             }
           },
           {
-            "id": 268,
+            "id": 270,
             "name": "screenMedium",
             "kind": 1024,
             "kindString": "Property",
@@ -3470,7 +3537,7 @@
             }
           },
           {
-            "id": 267,
+            "id": 269,
             "name": "screenSmall",
             "kind": 1024,
             "kindString": "Property",
@@ -3505,7 +3572,7 @@
             }
           },
           {
-            "id": 266,
+            "id": 268,
             "name": "screenXSmall",
             "kind": 1024,
             "kindString": "Property",
@@ -3546,7 +3613,7 @@
             }
           },
           {
-            "id": 274,
+            "id": 276,
             "name": "getClassNames",
             "kind": 2048,
             "kindString": "Method",
@@ -3562,7 +3629,7 @@
             ],
             "signatures": [
               {
-                "id": 275,
+                "id": 277,
                 "name": "getClassNames",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3575,7 +3642,7 @@
             ]
           },
           {
-            "id": 271,
+            "id": 273,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -3591,14 +3658,14 @@
             ],
             "signatures": [
               {
-                "id": 272,
+                "id": 274,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 273,
+                    "id": 275,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3627,7 +3694,7 @@
             }
           },
           {
-            "id": 276,
+            "id": 278,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3643,7 +3710,7 @@
             ],
             "signatures": [
               {
-                "id": 277,
+                "id": 279,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3669,27 +3736,27 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              264
+              266
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
+              272,
+              271,
               270,
               269,
-              268,
-              267,
-              266
+              268
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              274,
-              271,
-              276
+              276,
+              273,
+              278
             ]
           }
         ],
@@ -3716,7 +3783,7 @@
         ]
       },
       {
-        "id": 278,
+        "id": 280,
         "name": "SkyFormatComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3737,7 +3804,7 @@
         ],
         "children": [
           {
-            "id": 281,
+            "id": 283,
             "name": "itemsForDisplay",
             "kind": 1024,
             "kindString": "Property",
@@ -3760,7 +3827,7 @@
             }
           },
           {
-            "id": 286,
+            "id": 288,
             "name": "args",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3788,7 +3855,7 @@
             ],
             "getSignature": [
               {
-                "id": 287,
+                "id": 289,
                 "name": "args",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3803,7 +3870,7 @@
                     "typeArguments": [
                       {
                         "type": "intrinsic",
-                        "name": "any"
+                        "name": "unknown"
                       }
                     ],
                     "qualifiedName": "TemplateRef",
@@ -3815,7 +3882,7 @@
             ],
             "setSignature": [
               {
-                "id": 288,
+                "id": 290,
                 "name": "args",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3825,7 +3892,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 289,
+                    "id": 291,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3837,7 +3904,7 @@
                         "typeArguments": [
                           {
                             "type": "intrinsic",
-                            "name": "any"
+                            "name": "unknown"
                           }
                         ],
                         "qualifiedName": "TemplateRef",
@@ -3855,7 +3922,7 @@
             ]
           },
           {
-            "id": 282,
+            "id": 284,
             "name": "text",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3883,7 +3950,7 @@
             ],
             "getSignature": [
               {
-                "id": 283,
+                "id": 285,
                 "name": "text",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3899,7 +3966,7 @@
             ],
             "setSignature": [
               {
-                "id": 284,
+                "id": 286,
                 "name": "text",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3909,7 +3976,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 285,
+                    "id": 287,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3933,22 +4000,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              279
+              281
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              281
+              283
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              286,
-              282
+              288,
+              284
             ]
           }
         ],
@@ -3961,7 +4028,7 @@
         ]
       },
       {
-        "id": 294,
+        "id": 296,
         "name": "SkyPageComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3985,7 +4052,7 @@
         ],
         "children": [
           {
-            "id": 295,
+            "id": 297,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3999,14 +4066,14 @@
             ],
             "signatures": [
               {
-                "id": 296,
+                "id": 298,
                 "name": "SkyPageComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 297,
+                    "id": 299,
                     "name": "themeAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4019,14 +4086,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 294,
+                  "id": 296,
                   "name": "SkyPageComponent"
                 }
               }
             ]
           },
           {
-            "id": 300,
+            "id": 302,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4042,7 +4109,7 @@
             ],
             "signatures": [
               {
-                "id": 301,
+                "id": 303,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4063,7 +4130,7 @@
             }
           },
           {
-            "id": 298,
+            "id": 300,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4079,7 +4146,7 @@
             ],
             "signatures": [
               {
-                "id": 299,
+                "id": 301,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4105,15 +4172,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              295
+              297
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              300,
-              298
+              302,
+              300
             ]
           }
         ],
@@ -4140,13 +4207,19 @@
         ]
       },
       {
-        "id": 302,
+        "id": 304,
         "name": "SkyPageSummaryComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies the components to display in the page summary."
+          "shortText": "Specifies the components to display in the page summary.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "`SkyPageSummaryComponent` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts.\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4164,7 +4237,7 @@
         ],
         "children": [
           {
-            "id": 303,
+            "id": 305,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4172,20 +4245,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 37,
+                "line": 42,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 304,
+                "id": 306,
                 "name": "SkyPageSummaryComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 305,
+                    "id": 307,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4204,7 +4277,7 @@
                     }
                   },
                   {
-                    "id": 306,
+                    "id": 308,
                     "name": "adapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4215,7 +4288,7 @@
                     }
                   },
                   {
-                    "id": 307,
+                    "id": 309,
                     "name": "mediaQueryService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4224,18 +4297,29 @@
                       "type": "reference",
                       "name": "SkyMediaQueryService"
                     }
+                  },
+                  {
+                    "id": 310,
+                    "name": "logger",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLogService"
+                    }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 302,
+                  "id": 304,
                   "name": "SkyPageSummaryComponent"
                 }
               }
             ]
           },
           {
-            "id": 308,
+            "id": 311,
             "name": "hasKeyInfo",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4245,13 +4329,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 26,
+                "line": 31,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 309,
+                "id": 312,
                 "name": "hasKeyInfo",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4264,7 +4348,7 @@
             ]
           },
           {
-            "id": 312,
+            "id": 315,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4274,13 +4358,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 43,
+                "line": 57,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 313,
+                "id": 316,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4301,7 +4385,7 @@
             }
           },
           {
-            "id": 314,
+            "id": 317,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4311,13 +4395,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 54,
+                "line": 68,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 315,
+                "id": 318,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4343,29 +4427,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              303
+              305
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              308
+              311
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              312,
-              314
+              315,
+              317
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-            "line": 25,
+            "line": 30,
             "character": 13
           }
         ],
@@ -4385,13 +4469,19 @@
         ]
       },
       {
-        "id": 316,
+        "id": 319,
         "name": "SkyPageSummaryAlertComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Displays messages that require immediate attention as [alerts](https://developer.blackbaud.com/skyux/components/alert) within\nthe page summary."
+          "shortText": "Displays messages that require immediate attention as [alerts](https://developer.blackbaud.com/skyux/components/alert) within\nthe page summary.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4413,26 +4503,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              317
+              320
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-alert.component.ts",
-            "line": 14,
+            "line": 15,
             "character": 13
           }
         ]
       },
       {
-        "id": 319,
+        "id": 322,
         "name": "SkyPageSummaryContentComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Displays content in the arbitrary section of the page summary."
+          "shortText": "Displays content in the arbitrary section of the page summary.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4454,14 +4550,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              320
+              323
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-content.component.ts",
-            "line": 13,
+            "line": 14,
             "character": 13
           }
         ]
@@ -4508,13 +4604,19 @@
         ]
       },
       {
-        "id": 322,
+        "id": 325,
         "name": "SkyPageSummaryImageComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Displays an image in the page summary to identify a record\nor help users complete a core task."
+          "shortText": "Displays an image in the page summary to identify a record\nor help users complete a core task.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4536,26 +4638,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              323
+              326
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-image.component.ts",
-            "line": 14,
+            "line": 15,
             "character": 13
           }
         ]
       },
       {
-        "id": 325,
+        "id": 328,
         "name": "SkyPageSummaryKeyInfoComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Highlights important information about a page in the key information section of the\npage summary."
+          "shortText": "Highlights important information about a page in the key information section of the\npage summary.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4577,26 +4685,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              326
+              329
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-key-info.component.ts",
-            "line": 12,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 328,
+        "id": 331,
         "name": "SkyPageSummaryStatusComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Displays [labels](https://developer.blackbaud.com/skyux/components/label)\nto highlight important status information about a page's content."
+          "shortText": "Displays [labels](https://developer.blackbaud.com/skyux/components/label)\nto highlight important status information about a page's content.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4618,26 +4732,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              329
+              332
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-status.component.ts",
-            "line": 14,
+            "line": 15,
             "character": 13
           }
         ]
       },
       {
-        "id": 331,
+        "id": 334,
         "name": "SkyPageSummarySubtitleComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies a subtitle to identify the page content."
+          "shortText": "Specifies a subtitle to identify the page content.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4659,26 +4779,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              332
+              335
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-subtitle.component.ts",
-            "line": 13,
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 334,
+        "id": 337,
         "name": "SkyPageSummaryTitleComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies a title to identify the page content."
+          "shortText": "Specifies a title to identify the page content.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -4700,20 +4826,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              335
+              338
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary-title.component.ts",
-            "line": 13,
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 337,
+        "id": 340,
         "name": "SkyTextExpandComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4734,7 +4860,7 @@
         ],
         "children": [
           {
-            "id": 338,
+            "id": 341,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4748,14 +4874,14 @@
             ],
             "signatures": [
               {
-                "id": 339,
+                "id": 342,
                 "name": "SkyTextExpandComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 340,
+                    "id": 343,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4766,7 +4892,7 @@
                     }
                   },
                   {
-                    "id": 341,
+                    "id": 344,
                     "name": "modalService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4777,7 +4903,7 @@
                     }
                   },
                   {
-                    "id": 342,
+                    "id": 345,
                     "name": "textExpandAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4790,14 +4916,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 337,
+                  "id": 340,
                   "name": "SkyTextExpandComponent"
                 }
               }
             ]
           },
           {
-            "id": 354,
+            "id": 357,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -4817,7 +4943,7 @@
             }
           },
           {
-            "id": 355,
+            "id": 358,
             "name": "contentSectionId",
             "kind": 1024,
             "kindString": "Property",
@@ -4838,7 +4964,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 343,
+            "id": 346,
             "name": "expandModalTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -4879,7 +5005,7 @@
             }
           },
           {
-            "id": 356,
+            "id": 359,
             "name": "expandable",
             "kind": 1024,
             "kindString": "Property",
@@ -4899,7 +5025,7 @@
             }
           },
           {
-            "id": 357,
+            "id": 360,
             "name": "isExpanded",
             "kind": 1024,
             "kindString": "Property",
@@ -4920,7 +5046,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 358,
+            "id": 361,
             "name": "isModal",
             "kind": 1024,
             "kindString": "Property",
@@ -4940,7 +5066,7 @@
             }
           },
           {
-            "id": 344,
+            "id": 347,
             "name": "maxExpandedLength",
             "kind": 1024,
             "kindString": "Property",
@@ -4976,7 +5102,7 @@
             "defaultValue": "600"
           },
           {
-            "id": 345,
+            "id": 348,
             "name": "maxExpandedNewlines",
             "kind": 1024,
             "kindString": "Property",
@@ -5012,7 +5138,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 353,
+            "id": 356,
             "name": "truncateNewlines",
             "kind": 1024,
             "kindString": "Property",
@@ -5048,7 +5174,7 @@
             "defaultValue": "true"
           },
           {
-            "id": 346,
+            "id": 349,
             "name": "maxLength",
             "kind": 262144,
             "kindString": "Accessor",
@@ -5076,7 +5202,7 @@
             ],
             "getSignature": [
               {
-                "id": 347,
+                "id": 350,
                 "name": "maxLength",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -5098,7 +5224,7 @@
             ],
             "setSignature": [
               {
-                "id": 348,
+                "id": 351,
                 "name": "maxLength",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -5114,7 +5240,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 349,
+                    "id": 352,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5133,7 +5259,7 @@
             ]
           },
           {
-            "id": 350,
+            "id": 353,
             "name": "text",
             "kind": 262144,
             "kindString": "Accessor",
@@ -5161,7 +5287,7 @@
             ],
             "setSignature": [
               {
-                "id": 351,
+                "id": 354,
                 "name": "text",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -5171,7 +5297,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 352,
+                    "id": 355,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5190,7 +5316,7 @@
             ]
           },
           {
-            "id": 370,
+            "id": 373,
             "name": "animationEnd",
             "kind": 2048,
             "kindString": "Method",
@@ -5206,7 +5332,7 @@
             ],
             "signatures": [
               {
-                "id": 371,
+                "id": 374,
                 "name": "animationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5219,7 +5345,7 @@
             ]
           },
           {
-            "id": 372,
+            "id": 375,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5235,7 +5361,7 @@
             ],
             "signatures": [
               {
-                "id": 373,
+                "id": 376,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5256,7 +5382,7 @@
             }
           },
           {
-            "id": 368,
+            "id": 371,
             "name": "textExpand",
             "kind": 2048,
             "kindString": "Method",
@@ -5272,7 +5398,7 @@
             ],
             "signatures": [
               {
-                "id": 369,
+                "id": 372,
                 "name": "textExpand",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5290,39 +5416,39 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              338
+              341
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              354,
-              355,
-              343,
-              356,
               357,
               358,
-              344,
-              345,
-              353
+              346,
+              359,
+              360,
+              361,
+              347,
+              348,
+              356
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              346,
-              350
+              349,
+              353
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              370,
-              372,
-              368
+              373,
+              375,
+              371
             ]
           }
         ],
@@ -5343,7 +5469,7 @@
         ]
       },
       {
-        "id": 391,
+        "id": 394,
         "name": "SkyTextExpandRepeaterComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5364,7 +5490,7 @@
         ],
         "children": [
           {
-            "id": 392,
+            "id": 395,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5378,14 +5504,14 @@
             ],
             "signatures": [
               {
-                "id": 393,
+                "id": 396,
                 "name": "SkyTextExpandRepeaterComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 394,
+                    "id": 397,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5396,7 +5522,7 @@
                     }
                   },
                   {
-                    "id": 395,
+                    "id": 398,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5415,7 +5541,7 @@
                     }
                   },
                   {
-                    "id": 396,
+                    "id": 399,
                     "name": "textExpandRepeaterAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5426,7 +5552,7 @@
                     }
                   },
                   {
-                    "id": 397,
+                    "id": 400,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5441,14 +5567,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 391,
+                  "id": 394,
                   "name": "SkyTextExpandRepeaterComponent"
                 }
               }
             ]
           },
           {
-            "id": 402,
+            "id": 405,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -5468,7 +5594,7 @@
             }
           },
           {
-            "id": 403,
+            "id": 406,
             "name": "contentItems",
             "kind": 1024,
             "kindString": "Property",
@@ -5491,7 +5617,7 @@
             }
           },
           {
-            "id": 405,
+            "id": 408,
             "name": "contentSectionId",
             "kind": 1024,
             "kindString": "Property",
@@ -5512,7 +5638,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 398,
+            "id": 401,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -5550,7 +5676,7 @@
             }
           },
           {
-            "id": 404,
+            "id": 407,
             "name": "expandable",
             "kind": 1024,
             "kindString": "Property",
@@ -5570,7 +5696,7 @@
             }
           },
           {
-            "id": 406,
+            "id": 409,
             "name": "isExpanded",
             "kind": 1024,
             "kindString": "Property",
@@ -5591,7 +5717,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 399,
+            "id": 402,
             "name": "itemTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -5625,7 +5751,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",
@@ -5634,7 +5760,7 @@
             }
           },
           {
-            "id": 400,
+            "id": 403,
             "name": "listStyle",
             "kind": 1024,
             "kindString": "Property",
@@ -5671,13 +5797,13 @@
             ],
             "type": {
               "type": "reference",
-              "id": 527,
+              "id": 530,
               "name": "SkyTextExpandRepeaterListStyleType"
             },
             "defaultValue": "'unordered'"
           },
           {
-            "id": 401,
+            "id": 404,
             "name": "maxItems",
             "kind": 1024,
             "kindString": "Property",
@@ -5712,7 +5838,7 @@
             }
           },
           {
-            "id": 416,
+            "id": 419,
             "name": "animationEnd",
             "kind": 2048,
             "kindString": "Method",
@@ -5728,7 +5854,7 @@
             ],
             "signatures": [
               {
-                "id": 417,
+                "id": 420,
                 "name": "animationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5741,7 +5867,7 @@
             ]
           },
           {
-            "id": 411,
+            "id": 414,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5757,7 +5883,7 @@
             ],
             "signatures": [
               {
-                "id": 412,
+                "id": 415,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5778,7 +5904,7 @@
             }
           },
           {
-            "id": 413,
+            "id": 416,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -5794,14 +5920,14 @@
             ],
             "signatures": [
               {
-                "id": 414,
+                "id": 417,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 415,
+                    "id": 418,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5830,7 +5956,7 @@
             }
           },
           {
-            "id": 418,
+            "id": 421,
             "name": "repeaterExpand",
             "kind": 2048,
             "kindString": "Method",
@@ -5846,7 +5972,7 @@
             ],
             "signatures": [
               {
-                "id": 419,
+                "id": 422,
                 "name": "repeaterExpand",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5864,32 +5990,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              392
+              395
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              402,
-              403,
               405,
-              398,
-              404,
               406,
-              399,
-              400,
-              401
+              408,
+              401,
+              407,
+              409,
+              402,
+              403,
+              404
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
+              419,
+              414,
               416,
-              411,
-              413,
-              418
+              421
             ]
           }
         ],
@@ -5916,7 +6042,7 @@
         ]
       },
       {
-        "id": 428,
+        "id": 431,
         "name": "SkyToolbarComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5940,7 +6066,7 @@
         ],
         "children": [
           {
-            "id": 431,
+            "id": 434,
             "name": "hasSections",
             "kind": 1024,
             "kindString": "Property",
@@ -5961,7 +6087,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 433,
+            "id": 436,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5977,7 +6103,7 @@
             ],
             "signatures": [
               {
-                "id": 434,
+                "id": 437,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6003,21 +6129,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              429
+              432
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              431
+              434
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              433
+              436
             ]
           }
         ],
@@ -6038,7 +6164,7 @@
         ]
       },
       {
-        "id": 435,
+        "id": 438,
         "name": "SkyToolbarSectionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6066,7 +6192,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              436
+              439
             ]
           }
         ],
@@ -6079,7 +6205,7 @@
         ]
       },
       {
-        "id": 438,
+        "id": 441,
         "name": "SkyToolbarItemComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6107,7 +6233,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              439
+              442
             ]
           }
         ],
@@ -6161,7 +6287,7 @@
         ]
       },
       {
-        "id": 441,
+        "id": 444,
         "name": "SkyToolbarViewActionsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6189,7 +6315,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              442
+              445
             ]
           }
         ],
@@ -6202,7 +6328,7 @@
         ]
       },
       {
-        "id": 444,
+        "id": 447,
         "name": "SkyBoxComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6226,7 +6352,7 @@
         ],
         "children": [
           {
-            "id": 447,
+            "id": 450,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -6261,7 +6387,7 @@
             }
           },
           {
-            "id": 448,
+            "id": 451,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -6296,7 +6422,7 @@
             }
           },
           {
-            "id": 449,
+            "id": 452,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -6336,16 +6462,16 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              445
+              448
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              447,
-              448,
-              449
+              450,
+              451,
+              452
             ]
           }
         ],
@@ -6358,7 +6484,7 @@
         ]
       },
       {
-        "id": 450,
+        "id": 453,
         "name": "SkyBoxHeaderComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6386,7 +6512,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              451
+              454
             ]
           }
         ],
@@ -6399,7 +6525,7 @@
         ]
       },
       {
-        "id": 453,
+        "id": 456,
         "name": "SkyBoxContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6427,7 +6553,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              454
+              457
             ]
           }
         ],
@@ -6440,7 +6566,7 @@
         ]
       },
       {
-        "id": 456,
+        "id": 459,
         "name": "SkyBoxControlsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6468,7 +6594,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              457
+              460
             ]
           }
         ],
@@ -6820,7 +6946,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 479,
+                      "id": 482,
                       "name": "SkyBackToTopOptions"
                     }
                   }
@@ -6881,7 +7007,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 475,
+                          "id": 478,
                           "name": "SkyBackToTopMessage"
                         }
                       ],
@@ -7358,7 +7484,13 @@
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Creates a a small container to highlight important information."
+          "shortText": "Creates a a small container to highlight important information.",
+          "tags": [
+            {
+              "tag": "deprecated",
+              "text": "`SkyCardComponent` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.\n"
+            }
+          ]
         },
         "decorators": [
           {
@@ -7376,7 +7508,48 @@
         ],
         "children": [
           {
-            "id": 139,
+            "id": 133,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/card/card.component.ts",
+                "line": 69,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 134,
+                "name": "SkyCardComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 135,
+                    "name": "logger",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLogService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 132,
+                  "name": "SkyCardComponent"
+                }
+              }
+            ]
+          },
+          {
+            "id": 140,
             "name": "inlineDeleteComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -7400,7 +7573,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 58,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -7419,7 +7592,7 @@
             }
           },
           {
-            "id": 136,
+            "id": 137,
             "name": "selectable",
             "kind": 1024,
             "kindString": "Property",
@@ -7450,7 +7623,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 41,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -7460,7 +7633,7 @@
             }
           },
           {
-            "id": 137,
+            "id": 138,
             "name": "selected",
             "kind": 1024,
             "kindString": "Property",
@@ -7491,7 +7664,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 49,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -7501,7 +7674,7 @@
             }
           },
           {
-            "id": 138,
+            "id": 139,
             "name": "selectedChange",
             "kind": 1024,
             "kindString": "Property",
@@ -7526,7 +7699,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 55,
+                "line": 57,
                 "character": 9
               }
             ],
@@ -7545,7 +7718,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 141,
+            "id": 142,
             "name": "showTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -7555,7 +7728,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 63,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -7566,7 +7739,7 @@
             "defaultValue": "true"
           },
           {
-            "id": 135,
+            "id": 136,
             "name": "size",
             "kind": 1024,
             "kindString": "Property",
@@ -7597,7 +7770,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 33,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -7607,7 +7780,7 @@
             }
           },
           {
-            "id": 140,
+            "id": 141,
             "name": "titleComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -7631,7 +7804,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 61,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -7640,7 +7813,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 158,
+                  "id": 159,
                   "name": "SkyCardTitleComponent"
                 }
               ],
@@ -7650,7 +7823,7 @@
             }
           },
           {
-            "id": 145,
+            "id": 146,
             "name": "contentClick",
             "kind": 2048,
             "kindString": "Method",
@@ -7660,13 +7833,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 85,
+                "line": 97,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 146,
+                "id": 147,
                 "name": "contentClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7679,7 +7852,7 @@
             ]
           },
           {
-            "id": 143,
+            "id": 144,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -7689,13 +7862,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 67,
+                "line": 79,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 144,
+                "id": 145,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7716,7 +7889,7 @@
             }
           },
           {
-            "id": 150,
+            "id": 151,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -7726,13 +7899,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 99,
+                "line": 111,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 151,
+                "id": 152,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7753,7 +7926,7 @@
             }
           },
           {
-            "id": 147,
+            "id": 148,
             "name": "onCheckboxChange",
             "kind": 2048,
             "kindString": "Method",
@@ -7763,20 +7936,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 92,
+                "line": 104,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 148,
+                "id": 149,
                 "name": "onCheckboxChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 149,
+                    "id": 150,
                     "name": "newValue",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7807,30 +7980,30 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              139,
-              136,
+              140,
               137,
               138,
-              141,
-              135,
-              140
+              139,
+              142,
+              136,
+              141
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              145,
-              143,
-              150,
-              147
+              146,
+              144,
+              151,
+              148
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.component.ts",
-            "line": 27,
+            "line": 29,
             "character": 13
           }
         ],
@@ -7850,7 +8023,7 @@
         ]
       },
       {
-        "id": 459,
+        "id": 462,
         "name": "SkyActionButtonPermalink",
         "kind": 256,
         "kindString": "Interface",
@@ -7860,7 +8033,7 @@
         },
         "children": [
           {
-            "id": 460,
+            "id": 463,
             "name": "route",
             "kind": 1024,
             "kindString": "Property",
@@ -7880,14 +8053,14 @@
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 461,
+                "id": 464,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 462,
+                    "id": 465,
                     "name": "commands",
                     "kind": 1024,
                     "kindString": "Property",
@@ -7908,7 +8081,7 @@
                     }
                   },
                   {
-                    "id": 463,
+                    "id": 466,
                     "name": "extras",
                     "kind": 1024,
                     "kindString": "Property",
@@ -7935,8 +8108,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      462,
-                      463
+                      465,
+                      466
                     ]
                   }
                 ]
@@ -7944,7 +8117,7 @@
             }
           },
           {
-            "id": 464,
+            "id": 467,
             "name": "url",
             "kind": 1024,
             "kindString": "Property",
@@ -7972,8 +8145,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              460,
-              464
+              463,
+              467
             ]
           }
         ],
@@ -7986,7 +8159,7 @@
         ]
       },
       {
-        "id": 475,
+        "id": 478,
         "name": "SkyBackToTopMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -7996,7 +8169,7 @@
         },
         "children": [
           {
-            "id": 476,
+            "id": 479,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -8015,7 +8188,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 478,
+              "id": 481,
               "name": "BackToTop"
             }
           }
@@ -8025,7 +8198,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              476
+              479
             ]
           }
         ],
@@ -8038,7 +8211,7 @@
         ]
       },
       {
-        "id": 479,
+        "id": 482,
         "name": "SkyBackToTopOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8048,7 +8221,7 @@
         },
         "children": [
           {
-            "id": 480,
+            "id": 483,
             "name": "buttonHidden",
             "kind": 1024,
             "kindString": "Property",
@@ -8082,7 +8255,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              480
+              483
             ]
           }
         ],
@@ -8095,7 +8268,7 @@
         ]
       },
       {
-        "id": 471,
+        "id": 474,
         "name": "SkyActionButtonContainerAlignItemsType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8122,7 +8295,7 @@
         }
       },
       {
-        "id": 497,
+        "id": 500,
         "name": "SkyDescriptionListModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8156,7 +8329,7 @@
         }
       },
       {
-        "id": 505,
+        "id": 508,
         "name": "SkyFluidGridGutterSizeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8199,7 +8372,7 @@
         }
       },
       {
-        "id": 527,
+        "id": 530,
         "name": "SkyTextExpandRepeaterListStyleType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8235,66 +8408,66 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          477
+          480
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          465,
-          472,
-          481,
+          468,
+          475,
           484,
           487,
           490,
-          502,
-          509,
-          515,
+          493,
+          505,
+          512,
           518,
           521,
           524,
-          528,
+          527,
           531,
+          534,
           1,
-          152,
-          155,
-          158,
-          161,
-          172,
-          175,
-          178,
-          184,
-          190,
-          220,
+          153,
+          156,
+          159,
+          162,
+          174,
+          177,
+          180,
+          186,
+          192,
+          222,
           10,
-          224,
-          239,
-          244,
-          259,
-          263,
-          278,
-          294,
-          302,
-          316,
+          226,
+          241,
+          246,
+          261,
+          265,
+          280,
+          296,
+          304,
           319,
-          49,
           322,
+          49,
           325,
           328,
           331,
           334,
           337,
-          391,
-          428,
-          435,
+          340,
+          394,
+          431,
           438,
-          52,
           441,
+          52,
           444,
-          450,
+          447,
           453,
           456,
+          459,
           55,
           72,
           105,
@@ -8305,19 +8478,19 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          459,
-          475,
-          479
+          462,
+          478,
+          482
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          471,
-          497,
-          505,
-          527
+          474,
+          500,
+          508,
+          530
         ]
       }
     ],
@@ -8353,7 +8526,7 @@
     {
       "fileName": "action-button-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { SkyActionButtonPermalink } from '@skyux/layout';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n  public routerlink: SkyActionButtonPermalink = {\n    route: {\n      commands: [],\n      extras: {\n        queryParams: {\n          component: 'MyComponent',\n        },\n      },\n    },\n  };\n\n  public url: SkyActionButtonPermalink = {\n    url: 'https://developer.blackbaud.com/skyux/components',\n  };\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { SkyActionButtonPermalink } from '@skyux/layout';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n  public routerlink: SkyActionButtonPermalink = {\n    route: {\n      commands: [],\n      extras: {\n        queryParams: {\n          component: 'MyComponent',\n        },\n      },\n    },\n  };\n\n  public url: SkyActionButtonPermalink = {\n    url: 'https://www.stackblitz.com',\n  };\n}\n"
     },
     {
       "fileName": "action-button-demo.module.ts",
@@ -8423,12 +8596,12 @@
     {
       "fileName": "card-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.html",
-      "rawContents": "<sky-card [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Large card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the amount of space that is available for a card that\n    uses the default large size. If the content does not require this much\n    space, you can set the card size to small. The type of content to display in\n    the body of a card varies based on what the card represents and whether it\n    prompts users to action.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <button class=\"sky-btn sky-btn-default\" type=\"button\">Action</button>\n  </sky-card-actions>\n</sky-card>\n<sky-card size=\"small\" [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Small card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the reduced amount of space that is available when\n    you set the card size to small.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <sky-dropdown buttonType=\"context-menu\">\n      <sky-dropdown-menu>\n        <sky-dropdown-item>\n          <button type=\"button\">Action</button>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </sky-card-actions>\n</sky-card>\n\n<ul class=\"sky-list-unstyled\">\n  <li>\n    <sky-checkbox [(ngModel)]=\"showTitle\">\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showContent\">\n      <sky-checkbox-label>Show content</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showAction\">\n      <sky-checkbox-label>Show action</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showCheckbox\">\n      <sky-checkbox-label>Show checkbox</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
+      "rawContents": "<sky-card [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Large card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the amount of space that is available for a card that\n    uses the default large size. If the content does not require this much\n    space, you can set the card size to small. The type of content to display in\n    the body of a card varies based on what the card represents and whether it\n    prompts users to action.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <button\n      class=\"sky-btn sky-btn-default\"\n      type=\"button\"\n      (click)=\"triggerAlert()\"\n    >\n      Action\n    </button>\n  </sky-card-actions>\n</sky-card>\n<sky-card size=\"small\" [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Small card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the reduced amount of space that is available when\n    you set the card size to small.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <sky-dropdown buttonType=\"context-menu\">\n      <sky-dropdown-menu>\n        <sky-dropdown-item>\n          <button type=\"button\" (click)=\"triggerAlert()\">Action</button>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </sky-card-actions>\n</sky-card>\n\n<ul class=\"sky-list-unstyled\">\n  <li>\n    <sky-checkbox [(ngModel)]=\"showTitle\">\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showContent\">\n      <sky-checkbox-label>Show content</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showAction\">\n      <sky-checkbox-label>Show action</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showCheckbox\">\n      <sky-checkbox-label>Show checkbox</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
     },
     {
       "fileName": "card-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-card-demo',\n  templateUrl: './card-demo.component.html',\n})\nexport class CardDemoComponent {\n  public showAction = true;\n\n  public showCheckbox = true;\n\n  public showContent = true;\n\n  public showTitle = true;\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-card-demo',\n  templateUrl: './card-demo.component.html',\n})\nexport class CardDemoComponent {\n  public showAction = true;\n\n  public showCheckbox = true;\n\n  public showContent = true;\n\n  public showTitle = true;\n\n  public triggerAlert(): void {\n    alert('Action clicked!');\n  }\n}\n"
     },
     {
       "fileName": "card-demo.module.ts",
@@ -8498,7 +8671,7 @@
     {
       "fileName": "fluid-grid-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/fluid-grid/fluid-grid-demo.component.html",
-      "rawContents": "<div class=\"highlight-columns\">\n  <sky-fluid-grid>\n    <sky-row>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"5\"> small=\"5\" </sky-column>\n      <sky-column screenSmall=\"7\"> small=\"7\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"6\"> small=\"6\" </sky-column>\n      <sky-column screenSmall=\"6\"> small=\"6\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"8\"> small=\"8\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"9\"> small=\"9\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"10\"> small=\"10\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"11\"> small=\"11\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"8\"\n        screenMedium=\"9\"\n        screenLarge=\"10\"\n      >\n        screenXSmall=\"6\" small=\"8\" medium=\"9\" large=\"10\"\n      </sky-column>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"4\"\n        screenMedium=\"3\"\n        screenLarge=\"2\"\n      >\n        screenXSmall=\"6\" small=\"4\" medium=\"3\" large=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row [reverseColumnOrder]=\"true\">\n      <sky-column screenSmall=\"4\"> First column </sky-column>\n      <sky-column screenSmall=\"4\"> Second column </sky-column>\n      <sky-column screenSmall=\"4\"> Third column </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n"
+      "rawContents": "<div class=\"highlight-columns\">\n  <sky-fluid-grid>\n    <sky-row>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n      <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n      <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n      <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n      <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n      <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"5\"> [screenSmall]=\"5\" </sky-column>\n      <sky-column [screenSmall]=\"7\"> [screenSmall]=\"7\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"6\"> [screenSmall]=\"6\" </sky-column>\n      <sky-column [screenSmall]=\"6\"> [screenSmall]=\"6\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"8\"> [screenSmall]=\"8\" </sky-column>\n      <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"9\"> [screenSmall]=\"9\" </sky-column>\n      <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"10\"> [screenSmall]=\"10\" </sky-column>\n      <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column [screenSmall]=\"11\"> [screenSmall]=\"11\" </sky-column>\n      <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        [screenXSmall]=\"6\"\n        [screenSmall]=\"8\"\n        [screenMedium]=\"9\"\n        [screenLarge]=\"10\"\n      >\n        [screenXSmall]=\"6\" [screenSmall]=\"8\" [screenMedium]=\"9\"\n        [screenLarge]=\"10\"\n      </sky-column>\n      <sky-column\n        [screenXSmall]=\"6\"\n        [screenSmall]=\"4\"\n        [screenMedium]=\"3\"\n        [screenLarge]=\"2\"\n      >\n        [screenXSmall]=\"6\" [screenSmall]=\"4\" [screenMedium]=\"3\"\n        [screenLarge]=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row [reverseColumnOrder]=\"true\">\n      <sky-column [screenSmall]=\"4\"> First column </sky-column>\n      <sky-column [screenSmall]=\"4\"> Second column </sky-column>\n      <sky-column [screenSmall]=\"4\"> Third column </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n"
     },
     {
       "fileName": "fluid-grid-demo.component.ts",
@@ -8538,7 +8711,7 @@
     {
       "fileName": "inline-delete-card-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/card/inline-delete-card-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-card-demo',\n  templateUrl: './inline-delete-card-demo.component.html',\n})\nexport class InlineDeleteCardDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-card-demo',\n  templateUrl: './inline-delete-card-demo.component.html',\n})\nexport class InlineDeleteCardDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n      alert(\n        'Card element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n      );\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-card-demo.module.ts",
@@ -8548,12 +8721,12 @@
     {
       "fileName": "inilne-delete-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inilne-delete-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n    }, 3000);\n\n    this.pending = true;\n    this.deleting = false;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n\n      alert(\n        'Custom element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n      );\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.component.html",
-      "rawContents": "<div id=\"inline-delete-container\">\n  <div>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      <sky-icon icon=\"trash\"></sky-icon>\n    </button>\n  </div>\n  <sky-inline-delete\n    *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</div>\n"
+      "rawContents": "<div id=\"inline-delete-container\">\n  <strong>Custom content</strong>\n  <div>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      <sky-icon icon=\"trash\"></sky-icon>\n    </button>\n  </div>\n  <sky-inline-delete\n    *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</div>\n"
     },
     {
       "fileName": "inline-delete-demo.component.scss",
@@ -8618,7 +8791,7 @@
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
@@ -8633,7 +8806,7 @@
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/modal/text-expand-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
@@ -8648,7 +8821,7 @@
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/newline/text-expand-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public newlinesText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text.\\nUsers select the link to expand the full text inline unless it exceeds limits on text characters or newline characters.\\nIf the text exceeds those limits, then it expands in a modal view instead.\\nThe component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  public newlinesText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text.\\nUsers select the link to expand the full text inline unless it exceeds limits on text characters or newline characters.\\nIf the text exceeds those limits, then it expands in a modal view instead.\\nThe component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
@@ -8658,12 +8831,12 @@
     {
       "fileName": "toolbar-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button class=\"sky-btn sky-btn-primary\" type=\"button\">Button 1</button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <button class=\"sky-btn sky-btn-default\" type=\"button\">Button 2</button>\n  </sky-toolbar-item>\n  <sky-toolbar-view-actions>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort descending\"\n      type=\"button\"\n    >\n      <sky-icon icon=\"angle-double-down\"></sky-icon>\n    </button>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort ascending\"\n      type=\"button\"\n    >\n      <sky-icon icon=\"angle-double-up\"></sky-icon>\n    </button>\n  </sky-toolbar-view-actions>\n</sky-toolbar>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"onButtonClicked('Button 1')\"\n    >\n      Button 1\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-default\"\n      type=\"button\"\n      (click)=\"onButtonClicked('Button 2')\"\n    >\n      Button 2\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-view-actions>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort descending\"\n      type=\"button\"\n      (click)=\"onButtonClicked('Expand')\"\n    >\n      <sky-icon icon=\"angle-double-down\"></sky-icon>\n    </button>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort ascending\"\n      type=\"button\"\n      (click)=\"onButtonClicked('Collapse')\"\n    >\n      <sky-icon icon=\"angle-double-up\"></sky-icon>\n    </button>\n  </sky-toolbar-view-actions>\n</sky-toolbar>\n"
     },
     {
       "fileName": "toolbar-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {\n  public onButtonClicked(buttonText: string): void {\n    alert(buttonText + ' clicked!');\n  }\n}\n"
     },
     {
       "fileName": "toolbar-demo.module.ts",
@@ -8673,12 +8846,12 @@
     {
       "fileName": "toolbar-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-primary\" type=\"button\">Button 1</button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">Button 2</button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort descending\"\n        type=\"button\"\n      >\n        <sky-icon icon=\"angle-double-down\"></sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort ascending\"\n        type=\"button\"\n      >\n        <sky-icon icon=\"angle-double-up\"></sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">\n        <sky-icon icon=\"sort\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">\n        <sky-icon icon=\"filter\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Button 1')\"\n      >\n        Button 1\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Button 2')\"\n      >\n        Button 2\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort descending\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Expand')\"\n      >\n        <sky-icon icon=\"angle-double-down\"></sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort ascending\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Collapse')\"\n      >\n        <sky-icon icon=\"angle-double-up\"></sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Sort')\"\n      >\n        <sky-icon icon=\"sort\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onButtonClicked('Filter')\"\n      >\n        <sky-icon icon=\"filter\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n"
     },
     {
       "fileName": "toolbar-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {\n  public onButtonClicked(buttonText: string): void {\n    alert(buttonText + ' clicked!');\n  }\n}\n"
     },
     {
       "fileName": "toolbar-demo.module.ts",