@esri/calcite-components 1.0.0-beta.65 → 1.0.0-beta.69

package/dist/extras/docs-json.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2021-09-15T18:21:45",
+  "timestamp": "2021-11-09T03:18:33",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.8.0",
-    "typescriptVersion": "4.2.3"
+    "version": "2.10.0",
+    "typescriptVersion": "4.3.5"
   },
   "components": [
     {
@@ -12,7 +12,12 @@
       "tag": "calcite-accordion",
       "readme": "# calcite-accordion\n\n`calcite-accordion` can be used to present content in collapsible sections. Configuration options exist for visual style (icon-position, scale, appearance), and selection functionality. Selection modes include \"multi\", \"single\", and \"single-persist\".\n",
       "docs": "`calcite-accordion` can be used to present content in collapsible sections. Configuration options exist for visual style (icon-position, scale, appearance), and selection functionality. Selection modes include \"multi\", \"single\", and \"single-persist\".",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-accordion-item`s."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-accordion>\n  <calcite-accordion-item item-title=\"Accordion Item\">Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item item-title=\"Accordion Item 2\" active>Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item item-title=\"Accordion Item 3\">Accordion Section Content </calcite-accordion-item>\n</calcite-accordion>\n```\n"
       },
@@ -164,7 +169,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-accordion-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -176,7 +186,12 @@
       "tag": "calcite-accordion-item",
       "readme": "# calcite-accordion-item\n\nindividual `calcite-accordion` item\n",
       "docs": "individual `calcite-accordion` item",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -261,7 +276,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -281,8 +301,8 @@
       "docs": "The `calcite-action` component lives in either a `calcite-action-bar` or `calcite-action-pad`. Actions look like an icon with a text description option of the component that will be revealed when the icon/ text is clicked or selected.",
       "docsTags": [
         {
-          "text": "- A slot for adding a `calcite-icon`.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding a `calcite-icon`."
         }
       ],
       "usage": {
@@ -314,7 +334,7 @@
           "mutable": false,
           "attr": "alignment",
           "reflectToAttr": true,
-          "docs": "Indicates the alignment when text-enabled is false.",
+          "docs": "Optionally specify the horizontal alignment of button elements with text content.",
           "docsTags": [],
           "values": [
             {
@@ -335,7 +355,7 @@
         },
         {
           "name": "appearance",
-          "type": "\"clear\" | \"outline\" | \"solid\"",
+          "type": "\"clear\" | \"solid\"",
           "mutable": false,
           "attr": "appearance",
           "reflectToAttr": true,
@@ -347,10 +367,6 @@
               "value": "clear",
               "type": "string"
             },
-            {
-              "value": "outline",
-              "type": "string"
-            },
             {
               "value": "solid",
               "type": "string"
@@ -435,8 +451,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -564,8 +580,8 @@
           "docs": "Emitted when the action has been clicked.",
           "docsTags": [
             {
-              "text": "use onClick instead.",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use onClick instead."
             }
           ],
           "deprecation": "use onClick instead."
@@ -637,16 +653,16 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-action`s that will appear at the top of the action bar.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-action`s that will appear at the top of the action bar."
         },
         {
-          "text": "bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.",
-          "name": "slot"
+          "name": "slot",
+          "text": "bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button."
         },
         {
-          "text": "expand-tooltip - Used to set the tooltip for the expand toggle.",
-          "name": "slot"
+          "name": "slot",
+          "text": "expand-tooltip - Used to set the tooltip for the expand toggle."
         }
       ],
       "usage": {
@@ -866,16 +882,16 @@
       "docs": "The `calcite-action-group` is a wrapper for multiple `calcite-action`s and housed in `calcite-action-bar` and `calcite-action-pad`.",
       "docsTags": [
         {
-          "text": "- A slot for adding a group of `calcite-action`s.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding a group of `calcite-action`s."
         },
         {
-          "text": "menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
-          "name": "slot"
+          "name": "slot",
+          "text": "menu-actions - a slot for adding an overflow menu with actions inside a dropdown."
         },
         {
-          "text": "menu-tooltip - a slot for adding an tooltip for the menu.",
-          "name": "slot"
+          "name": "slot",
+          "text": "menu-tooltip - a slot for adding an tooltip for the menu."
         }
       ],
       "usage": {},
@@ -1086,16 +1102,16 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-action`s.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-action`s."
         },
         {
-          "text": "trigger - A slot for adding a `calcite-action` to trigger opening the menu.",
-          "name": "slot"
+          "name": "slot",
+          "text": "trigger - A slot for adding a `calcite-action` to trigger opening the menu."
         },
         {
-          "text": "tooltip - A slot for adding an tooltip for the menu.",
-          "name": "slot"
+          "name": "slot",
+          "text": "tooltip - A slot for adding an tooltip for the menu."
         }
       ],
       "usage": {},
@@ -1196,8 +1212,8 @@
           "docs": "Determines where the component will be positioned relative to the referenceElement.",
           "docsTags": [
             {
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-              "name": "see"
+              "name": "see",
+              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -1332,12 +1348,12 @@
       "docs": "The `calcite-action-pad` component is made up of `calcite-action`s in the form of clickable icons. This does not have an expandable option and is a smaller and simpler component than `calcite-action-bar`.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-action`s to the action pad.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-action`s to the action pad."
         },
         {
-          "text": "expand-tooltip - Used to set the tooltip for the expand toggle.",
-          "name": "slot"
+          "name": "slot",
+          "text": "expand-tooltip - Used to set the tooltip for the expand toggle."
         }
       ],
       "usage": {
@@ -1561,16 +1577,16 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "title - Title of the alert (optional)",
-          "name": "slot"
+          "name": "slot",
+          "text": "title - Title of the alert (optional)"
         },
         {
-          "text": "message - Main text of the alert",
-          "name": "slot"
+          "name": "slot",
+          "text": "message - Main text of the alert"
         },
         {
-          "text": "link - Optional action to take from the alert (undo, try again, link to page, etc.)",
-          "name": "slot"
+          "name": "slot",
+          "text": "link - Optional action to take from the alert (undo, try again, link to page, etc.)"
         }
       ],
       "usage": {
@@ -1695,8 +1711,8 @@
           "docs": "string to override English close text",
           "docsTags": [
             {
-              "text": "\"Close\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Close\""
             }
           ],
           "default": "TEXT.intlClose",
@@ -1961,20 +1977,20 @@
       "docs": "The `calcite-block` component is intended for displaying a heading and content. Content can also include stacked, collapsible `calcite-block-section`s typically housed in a panel.",
       "docsTags": [
         {
-          "text": "icon - A slot for adding a leading header icon.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the block."
         },
         {
-          "text": "control - A slot for adding a single HTML input element in a header.",
-          "name": "slot"
+          "name": "slot",
+          "text": "icon - A slot for adding a leading header icon."
         },
         {
-          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
-          "name": "slot"
+          "name": "slot",
+          "text": "control - A slot for adding a single HTML input element in a header."
         },
         {
-          "text": "- A slot for adding content to the block.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown."
         }
       ],
       "usage": {
@@ -2130,8 +2146,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -2152,8 +2168,8 @@
           "docs": "Text string used for the actions menu",
           "docsTags": [
             {
-              "text": "\"Options\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Options\""
             }
           ],
           "default": "TEXT.options",
@@ -2319,8 +2335,8 @@
       "docs": "The `calcite-block-section` component is a child element of `calcite-block`. Sections can have their own header and content and can be toggled open or closed.",
       "docsTags": [
         {
-          "text": "- A slot for adding content to the block section.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the block section."
         }
       ],
       "usage": {},
@@ -2477,7 +2493,12 @@
       "tag": "calcite-button",
       "readme": "# calcite-button\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-button icon-start=\"plus\" color=\"red\">Go!</calcite-button>\n```\n",
         "Focusing": "You can programmatically focus a `calcite-button` with the `setFocus()` method:\n\n```html\n<div onclick=\"document.querySelector('#my-button').setFocus()\">Focus!</div>\n```\n",
@@ -2609,7 +2630,13 @@
           "attr": "form",
           "reflectToAttr": false,
           "docs": "The form ID to associate with the component",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "– this property is no longer needed if placed inside a form."
+            }
+          ],
+          "deprecation": "– this property is no longer needed if placed inside a form.",
           "values": [
             {
               "type": "string"
@@ -2700,8 +2727,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -2921,7 +2948,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker",
@@ -2960,31 +2992,33 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "thumbnail - A slot for adding a thumbnail to the card.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding subheader/description content."
         },
         {
-          "text": "- A slot for adding subheader/description content.",
-          "name": "slot"
+          "name": "slot",
+          "text": "thumbnail - A slot for adding a thumbnail to the card."
         },
         {
-          "text": "title - A slot for adding a card title.",
-          "name": "slot"
+          "name": "slot",
+          "text": "title - A slot for adding a card title."
         },
         {
-          "text": "subtitle - A slot for adding a card subtitle or short summary.",
-          "name": "slot"
+          "name": "slot",
+          "text": "subtitle - A slot for adding a card subtitle or short summary."
         },
         {
-          "text": "footer-leading - A slot for adding a leading footer.",
-          "name": "slot"
+          "name": "slot",
+          "text": "footer-leading - A slot for adding a leading footer."
         },
         {
-          "text": "footer-trailing - A slot for adding a trailing footer.",
-          "name": "slot"
+          "name": "slot",
+          "text": "footer-trailing - A slot for adding a trailing footer."
         }
       ],
-      "usage": {},
+      "usage": {
+        "Basic": "```html\n<div style=\"width:260px\">\n  <calcite-card>\n    <h3 slot=\"title\">ArcGIS Online: Gallery and Organization pages</h3>\n    <span slot=\"subtitle\">\n      A great example of a study description that might wrap to a line or two, but isn't overly verbose.\n    </span>\n  </calcite-card>\n</div>\n```\n"
+      },
       "props": [
         {
           "name": "intlDeselect",
@@ -2995,8 +3029,8 @@
           "docs": "string to override English deselect text for checkbox when selectable is true",
           "docsTags": [
             {
-              "text": "\"Deselect\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Deselect\""
             }
           ],
           "default": "TEXT.deselect",
@@ -3017,8 +3051,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -3039,8 +3073,8 @@
           "docs": "string to override English select text for checkbox when selectable is true",
           "docsTags": [
             {
-              "text": "\"Select\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Select\""
             }
           ],
           "default": "TEXT.select",
@@ -3148,11 +3182,13 @@
       "dependents": [],
       "dependencies": [
         "calcite-loader",
+        "calcite-label",
         "calcite-checkbox"
       ],
       "dependencyGraph": {
         "calcite-card": [
           "calcite-loader",
+          "calcite-label",
           "calcite-checkbox"
         ]
       }
@@ -3323,11 +3359,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "mouseenter",
           "capture": false,
@@ -3370,8 +3401,12 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "image - a slot for adding an image",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding text."
+        },
+        {
+          "name": "slot",
+          "text": "image - A slot for adding an image."
         }
       ],
       "usage": {
@@ -3443,8 +3478,8 @@
           "docs": "Aria label for the \"x\" button",
           "docsTags": [
             {
-              "text": "\"Close\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Close\""
             }
           ],
           "default": "TEXT.close",
@@ -3576,9 +3611,13 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        },
         {
           "name": "image",
-          "docs": "a slot for adding an image"
+          "docs": "A slot for adding an image."
         }
       ],
       "parts": [],
@@ -3665,8 +3704,8 @@
           "docs": "The format of the value property.\n\nWhen \"auto\", the format will be inferred from `value` when set.",
           "docsTags": [
             {
-              "text": "\"auto\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"auto\""
             }
           ],
           "default": "defaultFormat",
@@ -3787,8 +3826,8 @@
           "docs": "Label used for the blue channel",
           "docsTags": [
             {
-              "text": "\"B\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"B\""
             }
           ],
           "default": "TEXT.b",
@@ -3809,8 +3848,8 @@
           "docs": "Label used for the blue channel description",
           "docsTags": [
             {
-              "text": "\"Blue\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Blue\""
             }
           ],
           "default": "TEXT.blue",
@@ -3831,8 +3870,8 @@
           "docs": "Label used for the delete color button.",
           "docsTags": [
             {
-              "text": "\"Delete color\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Delete color\""
             }
           ],
           "default": "TEXT.deleteColor",
@@ -3853,8 +3892,8 @@
           "docs": "Label used for the green channel",
           "docsTags": [
             {
-              "text": "\"G\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"G\""
             }
           ],
           "default": "TEXT.g",
@@ -3875,8 +3914,8 @@
           "docs": "Label used for the green channel description",
           "docsTags": [
             {
-              "text": "\"Green\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Green\""
             }
           ],
           "default": "TEXT.green",
@@ -3897,8 +3936,8 @@
           "docs": "Label used for the hue channel",
           "docsTags": [
             {
-              "text": "\"H\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"H\""
             }
           ],
           "default": "TEXT.h",
@@ -3919,8 +3958,8 @@
           "docs": "Label used for the hex input",
           "docsTags": [
             {
-              "text": "\"Hex\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Hex\""
             }
           ],
           "default": "TEXT.hex",
@@ -3941,8 +3980,8 @@
           "docs": "Label used for the HSV mode",
           "docsTags": [
             {
-              "text": "\"HSV\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"HSV\""
             }
           ],
           "default": "TEXT.hsv",
@@ -3963,8 +4002,8 @@
           "docs": "Label used for the hue channel description",
           "docsTags": [
             {
-              "text": "\"Hue\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Hue\""
             }
           ],
           "default": "TEXT.hue",
@@ -3985,8 +4024,8 @@
           "docs": "Label used for the hex input when there is no color selected.",
           "docsTags": [
             {
-              "text": "\"No color\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"No color\""
             }
           ],
           "default": "TEXT.noColor",
@@ -4007,8 +4046,8 @@
           "docs": "Label used for the red channel",
           "docsTags": [
             {
-              "text": "\"R\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"R\""
             }
           ],
           "default": "TEXT.r",
@@ -4029,8 +4068,8 @@
           "docs": "Label used for the red channel description",
           "docsTags": [
             {
-              "text": "\"Red\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Red\""
             }
           ],
           "default": "TEXT.red",
@@ -4051,8 +4090,8 @@
           "docs": "Label used for the RGB mode",
           "docsTags": [
             {
-              "text": "\"RGB\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"RGB\""
             }
           ],
           "default": "TEXT.rgb",
@@ -4073,8 +4112,8 @@
           "docs": "Label used for the saturation channel",
           "docsTags": [
             {
-              "text": "\"S\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"S\""
             }
           ],
           "default": "TEXT.s",
@@ -4095,8 +4134,8 @@
           "docs": "Label used for the saturation channel description",
           "docsTags": [
             {
-              "text": "\"Saturation\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Saturation\""
             }
           ],
           "default": "TEXT.saturation",
@@ -4117,8 +4156,8 @@
           "docs": "Label used for the save color button.",
           "docsTags": [
             {
-              "text": "\"Save color\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Save color\""
             }
           ],
           "default": "TEXT.saveColor",
@@ -4139,8 +4178,8 @@
           "docs": "Label used for the saved colors section",
           "docsTags": [
             {
-              "text": "\"Saved\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Saved\""
             }
           ],
           "default": "TEXT.saved",
@@ -4161,8 +4200,8 @@
           "docs": "Label used for the value channel",
           "docsTags": [
             {
-              "text": "\"V\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"V\""
             }
           ],
           "default": "TEXT.v",
@@ -4183,8 +4222,8 @@
           "docs": "Label used for the",
           "docsTags": [
             {
-              "text": "\"Value\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Value\""
             }
           ],
           "default": "TEXT.value",
@@ -4247,12 +4286,12 @@
           "docs": "The color value.\n\nThis value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated.",
           "docsTags": [
             {
-              "text": "\"#007ac2\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"#007ac2\""
             },
             {
-              "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)",
-              "name": "see"
+              "name": "see",
+              "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)"
             }
           ],
           "default": "defaultValue",
@@ -4405,8 +4444,8 @@
           "docs": "Label used for the hex input.",
           "docsTags": [
             {
-              "text": "\"Hex\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Hex\""
             }
           ],
           "default": "TEXT.hex",
@@ -4427,8 +4466,8 @@
           "docs": "Label used for the hex input when there is no color selected.",
           "docsTags": [
             {
-              "text": "\"No color\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"No color\""
             }
           ],
           "default": "TEXT.noColor",
@@ -4574,8 +4613,8 @@
           "docs": "The color value.",
           "docsTags": [
             {
-              "text": "https ://developer.mozilla.org/en-US/docs/Web/CSS/color_value",
-              "name": "see"
+              "name": "see",
+              "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
             }
           ],
           "values": [
@@ -4639,7 +4678,12 @@
       "tag": "calcite-combobox",
       "readme": "# calcite-combobox\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-combobox-item`s."
+        }
+      ],
       "usage": {
         "Ancestors": "```html\n<calcite-combobox label=\"Ancestors selection-mode combobox\" selection-mode=\"ancestors\">\n  <calcite-combobox-item value=\"Trees\" text-label=\"Trees\">\n    <calcite-combobox-item\n      value=\"CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings\"\n      text-label=\"CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings\"\n      selected\n    ></calcite-combobox-item>\n    <calcite-combobox-item value=\"Sequoia\" disabled text-label=\"Sequoia\"></calcite-combobox-item>\n    <calcite-combobox-item value=\"Douglas Fir\" text-label=\"Douglas Fir\"></calcite-combobox-item>\n  </calcite-combobox-item>\n</calcite-combobox>\n```\n",
         "Multi": "```html\n<calcite-combobox label=\"Mulit selection-mode combobox\" selection-mode=\"multi\">\n  <calcite-combobox-item value=\"Trees\" text-label=\"Trees\">\n    <calcite-combobox-item\n      value=\"CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings\"\n      text-label=\"CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings\"\n      selected\n    ></calcite-combobox-item>\n    <calcite-combobox-item value=\"Sequoia\" disabled text-label=\"Sequoia\"></calcite-combobox-item>\n    <calcite-combobox-item value=\"Douglas Fir\" text-label=\"Douglas Fir\"></calcite-combobox-item>\n  </calcite-combobox-item>\n</calcite-combobox>\n```\n",
@@ -4881,8 +4925,8 @@
           "docs": "Called when the selected items set changes",
           "docsTags": [
             {
-              "text": "use calciteComboboxChange instead",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use calciteComboboxChange instead"
             }
           ],
           "deprecation": "use calciteComboboxChange instead"
@@ -4908,7 +4952,12 @@
           "docs": "the height of the combobox input"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-combobox-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -4931,7 +4980,12 @@
       "tag": "calcite-combobox-item",
       "readme": "# calcite-combobox-item\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding nested `calcite-combobox-item`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -5108,7 +5162,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding nested `calcite-combobox-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -5126,7 +5185,12 @@
       "tag": "calcite-combobox-item-group",
       "readme": "# calcite-combobox-item-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-combobox-item`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -5165,7 +5229,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-combobox-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -5281,8 +5350,8 @@
           "docs": "Localized string for \"next month\" (used for aria label)",
           "docsTags": [
             {
-              "text": "\"Next month\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Next month\""
             }
           ],
           "default": "TEXT.nextMonth",
@@ -5303,8 +5372,8 @@
           "docs": "Localized string for \"previous month\" (used for aria label)",
           "docsTags": [
             {
-              "text": "\"Previous month\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Previous month\""
             }
           ],
           "default": "TEXT.prevMonth",
@@ -5538,8 +5607,8 @@
           "docs": "Trigger calcite date change when a user changes the date range.",
           "docsTags": [
             {
-              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)",
-              "name": "see"
+              "name": "see",
+              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
             }
           ]
         }
@@ -6258,8 +6327,12 @@
       "docs": "A `calcite-dropdown` can be used to provide an absolutely positioned set of selectable items. You can combine multiple groups of items and selection modes, and optionally pass a title for each group. All `<calcite-dropdown-item>` must have a parent `<calcite-dropdown-group>`, even if `group-title` attribute is not set.",
       "docsTags": [
         {
-          "text": "dropdown-trigger - A slot for the element that triggers the dropdown",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s."
+        },
+        {
+          "name": "slot",
+          "text": "dropdown-trigger - A slot for the element that triggers the dropdown."
         }
       ],
       "usage": {
@@ -6367,8 +6440,8 @@
           "docs": "Determines where the dropdown will be positioned relative to the button.",
           "docsTags": [
             {
-              "text": "\"bottom-leading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"bottom-leading\""
             }
           ],
           "default": "DefaultDropdownPlacement",
@@ -6601,9 +6674,13 @@
         }
       ],
       "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s."
+        },
         {
           "name": "dropdown-trigger",
-          "docs": "A slot for the element that triggers the dropdown"
+          "docs": "A slot for the element that triggers the dropdown."
         }
       ],
       "parts": [],
@@ -6623,7 +6700,12 @@
       "tag": "calcite-dropdown-group",
       "readme": "# calcite-dropdown-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-dropdown-item`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -6704,7 +6786,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-dropdown-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -6716,7 +6803,12 @@
       "tag": "calcite-dropdown-item",
       "readme": "# calcite-dropdown-item\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -6891,7 +6983,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -6994,8 +7091,8 @@
           "docs": "The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.",
           "docsTags": [
             {
-              "text": "\"plus\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"plus\""
             }
           ],
           "default": "ICONS.plus",
@@ -7147,7 +7244,13 @@
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The input data. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `items` instead."
+            }
+          ],
+          "deprecation": "use `items` instead.",
           "values": [
             {
               "type": "object[]"
@@ -7173,6 +7276,26 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "filteredItems",
+          "type": "object[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The resulting items after filtering.",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "object[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "intlClear",
           "type": "string",
@@ -7205,6 +7328,21 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "items",
+          "type": "object[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The items to filter through. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search.\n\nThis property is required.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "object[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "placeholder",
           "type": "string",
@@ -7220,6 +7358,22 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Filter value.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -7256,16 +7410,22 @@
       ],
       "dependencies": [
         "calcite-scrim",
+        "calcite-input",
         "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-filter": [
           "calcite-scrim",
+          "calcite-input",
           "calcite-icon"
         ],
         "calcite-scrim": [
           "calcite-loader"
         ],
+        "calcite-input": [
+          "calcite-progress",
+          "calcite-icon"
+        ],
         "calcite-pick-list": [
           "calcite-filter"
         ],
@@ -7282,8 +7442,8 @@
       "docs": "The `calcite-flow` component is a series of panels that provides a user with a workflow (eg. editing experience), by which the user can switch from panel to panel of `calcite-panel`s.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-panel`s to the flow.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-panel`s to the flow."
         }
       ],
       "usage": {
@@ -7413,6 +7573,38 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "max",
+          "type": "number",
+          "mutable": false,
+          "attr": "max",
+          "reflectToAttr": false,
+          "docs": "Highest point of the range",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "mutable": false,
+          "attr": "min",
+          "reflectToAttr": false,
+          "docs": "Lowest point of the range",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
         {
           "name": "width",
           "type": "number",
@@ -7757,8 +7949,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- slot for rendering a `<calcite-input>`",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding a `calcite-input`."
         }
       ],
       "usage": {
@@ -7842,8 +8034,8 @@
           "docs": "specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`",
           "docsTags": [
             {
-              "text": "\"Cancel\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Cancel\""
             }
           ],
           "default": "TEXT.intlCancelEditing",
@@ -7864,8 +8056,8 @@
           "docs": "specify text to be user for the confirm changes button's aria-label, defaults to `Save`",
           "docsTags": [
             {
-              "text": "\"Save\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Save\""
             }
           ],
           "default": "TEXT.intlConfirmChanges",
@@ -7886,8 +8078,8 @@
           "docs": "specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`",
           "docsTags": [
             {
-              "text": "\"Click to edit\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Click to edit\""
             }
           ],
           "default": "TEXT.intlEnablingEditing",
@@ -7942,26 +8134,32 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {
           "event": "calciteInputBlur",
           "capture": false,
           "passive": false
-        },
-        {
-          "event": "click",
-          "target": "window",
-          "capture": false,
-          "passive": false
         }
       ],
       "styles": [],
       "slots": [
         {
           "name": "",
-          "docs": "slot for rendering a `<calcite-input>`"
+          "docs": "A slot for adding a `calcite-input`."
         }
       ],
       "parts": [],
@@ -7987,8 +8185,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "action - A slot for positioning a button next to an input",
-          "name": "slot"
+          "name": "slot",
+          "text": "action - A slot for positioning a button next to an input"
         }
       ],
       "usage": {
@@ -8134,8 +8332,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -8238,8 +8436,8 @@
           "docs": "Maximum length of text input.",
           "docsTags": [
             {
-              "text": "use maxLength instead",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use maxLength instead"
             }
           ],
           "deprecation": "use maxLength instead",
@@ -8616,6 +8814,7 @@
       "dependents": [
         "calcite-color-picker",
         "calcite-color-picker-hex-input",
+        "calcite-filter",
         "calcite-input-date-picker",
         "calcite-input-time-picker"
       ],
@@ -8634,6 +8833,9 @@
         "calcite-color-picker-hex-input": [
           "calcite-input"
         ],
+        "calcite-filter": [
+          "calcite-input"
+        ],
         "calcite-input-date-picker": [
           "calcite-input"
         ],
@@ -8649,7 +8851,9 @@
       "readme": "# calcite-input-date-picker\n",
       "docs": "",
       "docsTags": [],
-      "usage": {},
+      "usage": {
+        "Basic": "```html\n<div style=\"width: 400px\">\n  <calcite-label layout=\"inline\">\n    Date\n    <calcite-input-date-picker\n      min=\"2016-08-09\"\n      max=\"2023-12-18\"\n      locale=\"en\"\n      intl-next-month=\"Next month\"\n      intl-prev-month=\"Previous month\"\n      role=\"application\"\n      layout=\"horizontal\"\n    ></calcite-input-date-picker>\n  </calcite-label>\n</div>\n```\n"
+      },
       "props": [
         {
           "name": "active",
@@ -8745,8 +8949,8 @@
           "docs": "Localized string for \"next month\" (used for aria label)",
           "docsTags": [
             {
-              "text": "\"Next month\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Next month\""
             }
           ],
           "default": "TEXT.nextMonth",
@@ -8767,8 +8971,8 @@
           "docs": "Localized string for \"previous month\" (used for aria label)",
           "docsTags": [
             {
-              "text": "\"Previous month\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Previous month\""
             }
           ],
           "default": "TEXT.prevMonth",
@@ -9037,6 +9241,17 @@
           "parameters": [],
           "docs": "Updates the position of the component.",
           "docsTags": []
+        },
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Updates the position of the component.",
+          "docsTags": []
         }
       ],
       "events": [
@@ -9058,8 +9273,8 @@
           "docs": "Trigger calcite date change when a user changes the date range.",
           "docsTags": [
             {
-              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)",
-              "name": "see"
+              "name": "see",
+              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
             }
           ]
         }
@@ -9108,7 +9323,12 @@
       "tag": "calcite-input-message",
       "readme": "# calcite-input-message\n\nDisplays a contextual message to a user. Allows the passing of content, links, etc.\n",
       "docs": "Displays a contextual message to a user. Allows the passing of content, links, etc.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-label status=\"“invalid”\">\n  My great label\n  <calcite-input placeholder=\"“Enter\" your information”></calcite-input>\n  <calcite-input-message active\n    >That's not going to work out.\n    <calcite-button appearance=\"inline\" href=\"\">Learn more</calcite-button></calcite-input-message\n  >\n</calcite-label>\n```\n"
       },
@@ -9210,8 +9430,8 @@
           "docs": "specify the appearance of any slotted message - default (displayed under input), or floating (positioned absolutely under input)",
           "docsTags": [
             {
-              "text": "\"floating\" type is no longer supported",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "\"floating\" type is no longer supported"
             }
           ],
           "deprecation": "\"floating\" type is no longer supported",
@@ -9235,11 +9455,16 @@
           "docs": "the top margin above the input-message."
         }
       ],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "calcite-icon"
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-input-message": [
@@ -9254,7 +9479,9 @@
       "readme": "# calcite-input-time-picker\n",
       "docs": "",
       "docsTags": [],
-      "usage": {},
+      "usage": {
+        "Basic": "```html\n<calcite-input-time-picker\n  hour-display-format=\"12\"\n  name=\"light\"\n  scale=\"m\"\n  step=\"1\"\n  value=\"12:21\"\n></calcite-input-time-picker>\n```\n"
+      },
       "props": [
         {
           "name": "active",
@@ -9569,7 +9796,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The selected time",
+          "docs": "The selected time (always 24-hour format)",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -9606,11 +9833,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "keyup",
           "capture": false,
@@ -9666,11 +9888,16 @@
     },
     {
       "filePath": "./src/components/calcite-label/calcite-label.tsx",
-      "encapsulation": "scoped",
+      "encapsulation": "shadow",
       "tag": "calcite-label",
       "readme": "# calcite-label\n\nRenders a `<label>` around its children and can be used with any [labelable native](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable) or labelable calcite element.\n",
       "docs": "Renders a `<label>` around its children and can be used with any [labelable native](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable) or labelable calcite element.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text and a component that can be labeled."
+        }
+      ],
       "usage": {
         "Basic": "It also allows consumers to set a `status` attribute for child `calcite-input` and `calcite-input-message` components to use to set their own properties.\n\n```html\n<calcite-label status=\"invalid\">\n  Invalid input\n  <calcite-input type=\"search\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message active icon> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
         "Browser-caveat": "When using the `default`, `inline` or `inline-space-between` layout option with [browsers that do not support the CSS `gap` property when used with flexbox](https://caniuse.com/flexbox-gap), you will need to use the `disable-spacing` attribute and apply spacing manually to the label by wrapping it in a styled span like so:\n\n```html\n<calcite-label layout=\"inline\" disable-spacing>\n  <span style=\"margin-right: 0.75rem\">Text leading inline</span>\n  <calcite-checkbox></calcite-checkbox>\n</calcite-label>\n```\n"
@@ -9784,7 +10011,7 @@
           "mutable": false,
           "attr": "scale",
           "reflectToAttr": true,
-          "docs": "specify the scale of the input, defaults to m",
+          "docs": "specify the scale of the label, defaults to m",
           "docsTags": [],
           "default": "\"m\"",
           "values": [
@@ -9833,19 +10060,24 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [
+      "listeners": [],
+      "styles": [],
+      "slots": [
         {
-          "event": "click",
-          "capture": false,
-          "passive": false
+          "name": "",
+          "docs": "A slot for adding text and a component that can be labeled."
         }
       ],
-      "styles": [],
-      "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "calcite-card"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "calcite-card": [
+          "calcite-label"
+        ]
+      }
     },
     {
       "filePath": "./src/components/calcite-link/calcite-link.tsx",
@@ -9855,11 +10087,12 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- default text slot for link text",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding text."
         }
       ],
       "usage": {
+        "Basic": "```html\n<div style=\"font-size: 16px; font-weight: 400;\">\n  Some wrapping text\n  <calcite-link href=\"#\">link text here</calcite-link>\n  around the link\n</div>\n```\n",
         "Focusing": "You can programmatically focus a `calcite-link` with the `setFocus()` method:\n\n```html\n<div onclick=document.querySelector('#my-link').setFocus()>Focus!</div>\n```\n"
       },
       "props": [
@@ -10005,7 +10238,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "default text slot for link text"
+          "docs": "A slot for adding text."
         }
       ],
       "parts": [],
@@ -10032,8 +10265,8 @@
       "docs": "A general purpose list that enables users to construct list items that conform to Calcite styling.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-list-item` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-list-item` elements."
         }
       ],
       "usage": {
@@ -10081,7 +10314,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -10104,24 +10349,24 @@
       "docs": "A general purpose list that enables users to construct list items that conform to Calcite styling.\n\nIf you are looking for a list that handles more advanced usage like selection, see the documentation for 'calcite-pick-list' or 'calcite-value-list'.",
       "docsTags": [
         {
-          "text": "actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements."
         },
         {
-          "text": "content-start - A slot for adding non-actionable elements before the label and description of the list item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item."
         },
         {
-          "text": "content-end - A slot for adding non-actionable elements after the label and description of the list item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "content-start - A slot for adding non-actionable elements before the label and description of the list item."
         },
         {
-          "text": "actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "content-end - A slot for adding non-actionable elements after the label and description of the list item."
         },
         {
-          "text": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item."
         }
       ],
       "usage": {},
@@ -10193,7 +10438,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component.",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -10232,8 +10489,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements."
         }
       ],
       "usage": {},
@@ -10521,28 +10778,28 @@
       "filePath": "./src/components/calcite-modal/calcite-modal.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-modal",
-      "readme": "# calcite-modal\n\n`calcite-modal` allows you to show a modal/dialog to your users. The modal handles fencing focus and animating in/out.\n",
-      "docs": "`calcite-modal` allows you to show a modal/dialog to your users. The modal handles fencing focus and animating in/out.",
+      "readme": "# calcite-modal\n\n`calcite-modal` allows you to show a modal/dialog to your users. The modal handles fencing focus and animating in/out.\n\n<style>\n  html {\n      overflow:auto !important;\n  }\n</style>",
+      "docs": "`calcite-modal` allows you to show a modal/dialog to your users. The modal handles fencing focus and animating in/out.\n\n<style>\n  html {\n      overflow:auto !important;\n  }\n</style>",
       "docsTags": [
         {
-          "text": "header - a slot for adding a modal header",
-          "name": "slot"
+          "name": "slot",
+          "text": "header - a slot for adding a modal header"
         },
         {
-          "text": "content - a slot for adding modal content",
-          "name": "slot"
+          "name": "slot",
+          "text": "content - a slot for adding modal content"
         },
         {
-          "text": "primary - a slot for adding a primary button",
-          "name": "slot"
+          "name": "slot",
+          "text": "primary - a slot for adding a primary button"
         },
         {
-          "text": "secondary - a slot for adding a secondary button",
-          "name": "slot"
+          "name": "slot",
+          "text": "secondary - a slot for adding a secondary button"
         },
         {
-          "text": "back - a slot for adding a back button",
-          "name": "slot"
+          "name": "slot",
+          "text": "back - a slot for adding a back button"
         }
       ],
       "usage": {
@@ -10863,7 +11120,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the modal begins the close animation",
+          "docs": "Fired when the modal finishes the close animation",
           "docsTags": []
         },
         {
@@ -10872,7 +11129,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the modal begins the open animation",
+          "docs": "Fired when the modal finishes the open animation",
           "docsTags": []
         }
       ],
@@ -10957,20 +11214,20 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "title - Title of the notice (optional)",
-          "name": "slot"
+          "name": "slot",
+          "text": "title - Title of the notice (optional)"
         },
         {
-          "text": "message - Main text of the notice",
-          "name": "slot"
+          "name": "slot",
+          "text": "message - Main text of the notice"
         },
         {
-          "text": "link - Optional action to take from the notice (undo, try again, link to page, etc.)",
-          "name": "slot"
+          "name": "slot",
+          "text": "link - Optional action to take from the notice (undo, try again, link to page, etc.)"
         },
         {
-          "text": "actions-end - Allows adding a `calcite-action` at the end of the notice. It is recommended to use 2 or less actions.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-end - Allows adding a `calcite-action` at the end of the notice. It is recommended to use 2 or less actions."
         }
       ],
       "usage": {
@@ -11070,8 +11327,8 @@
           "docs": "String for the close button.",
           "docsTags": [
             {
-              "text": "\"Close\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Close\""
             }
           ],
           "default": "TEXT.close",
@@ -11297,7 +11554,12 @@
       "tag": "calcite-option-group",
       "readme": "# calcite-option-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-option`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -11338,7 +11600,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-option`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -11352,7 +11619,7 @@
       "docs": "`calcite-pagination` allows users to select a page from a paginated API.",
       "docsTags": [],
       "usage": {
-        "Basic": "The component is meant to interface with responses from ArcGIS REST services, so the props share names with [response properties](https://developers.arcgis.com/rest/users-groups-and-items/search.htm) from various search endpoints.\n\nFor example, after querying the search API, you'll get back a response similar to the following:\n\n```JSON\n{\n  \"total\": 2021,\n  \"start\": 1,\n  \"num\": 100,\n  \"results\": []\n}\n```\n\nThese can be passed straight to the `calcite-pagination` component:\n\n```html\n<calcite-pagination start=\"1\" num=\"100\" total=\"2021\"></calcite-pagination>\n```\n"
+        "Basic": "The component is meant to interface with responses from ArcGIS REST services, so the props share names with [response properties](https://developers.arcgis.com/rest/users-groups-and-items/search.htm) from various search endpoints.\n\nFor example, after querying the search API, you'll get back a response similar to JSON below. The response can be passed straight to the `calcite-pagination` component.\n\n```JSON\n{\n  \"total\": 2021,\n  \"start\": 1,\n  \"num\": 100,\n  \"results\": []\n}\n```\n\n```html\n<calcite-pagination start=\"1\" num=\"100\" total=\"2021\"></calcite-pagination>\n```\n"
       },
       "props": [
         {
@@ -11424,8 +11691,8 @@
           "docs": "Used as an accessible label (aria-label) for the next button",
           "docsTags": [
             {
-              "text": "\"Next\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Next\""
             }
           ],
           "default": "TEXT.nextLabel",
@@ -11446,8 +11713,8 @@
           "docs": "Used as an accessible label (aria-label) of the previous button",
           "docsTags": [
             {
-              "text": "\"Previous\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Previous\""
             }
           ],
           "default": "TEXT.previousLabel",
@@ -11511,8 +11778,8 @@
           "docs": "Emitted whenever the selected page changes.",
           "docsTags": [
             {
-              "text": " [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)",
-              "name": "see"
+              "name": "see",
+              "text": " [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)"
             }
           ]
         },
@@ -11525,8 +11792,8 @@
           "docs": "Emitted whenever the selected page changes.",
           "docsTags": [
             {
-              "text": "use calcitePaginationChange instead",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use calcitePaginationChange instead"
             }
           ],
           "deprecation": "use calcitePaginationChange instead"
@@ -11560,32 +11827,36 @@
       "docs": "The `calcite-panel` component is a container for a header, content and optional footer. The header will have centered content as well as optional leading and trailing content. The panel can also be setup to be dismissible which allows it to be closed by a user.",
       "docsTags": [
         {
-          "text": "header-actions-start - a slot for adding actions or content to the start side of the panel header.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding custom content."
         },
         {
-          "text": "header-actions-end - a slot for adding actions or content to the end side of the panel header.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header-actions-start - A slot for adding actions or content to the start side of the panel header."
         },
         {
-          "text": "header-content - a slot for adding custom content to the header.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header-actions-end - A slot for adding actions or content to the end side of the panel header."
         },
         {
-          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header-content - A slot for adding custom content to the header."
         },
         {
-          "text": "fab - a slot for adding a `calcite-fab` (floating action button) to perform an action.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown."
         },
         {
-          "text": "footer-actions - a slot for adding buttons to the footer.",
-          "name": "slot"
+          "name": "slot",
+          "text": "fab - A slot for adding a `calcite-fab` (floating action button) to perform an action."
         },
         {
-          "text": "footer - a slot for adding custom content to the footer.",
-          "name": "slot"
+          "name": "slot",
+          "text": "footer-actions - A slot for adding buttons to the footer."
+        },
+        {
+          "name": "slot",
+          "text": "footer - A slot for adding custom content to the footer."
         }
       ],
       "usage": {
@@ -11941,33 +12212,37 @@
         }
       ],
       "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        },
         {
           "name": "fab",
-          "docs": "a slot for adding a `calcite-fab` (floating action button) to perform an action."
+          "docs": "A slot for adding a `calcite-fab` (floating action button) to perform an action."
         },
         {
           "name": "footer",
-          "docs": "a slot for adding custom content to the footer."
+          "docs": "A slot for adding custom content to the footer."
         },
         {
           "name": "footer-actions",
-          "docs": "a slot for adding buttons to the footer."
+          "docs": "A slot for adding buttons to the footer."
         },
         {
           "name": "header-actions-end",
-          "docs": "a slot for adding actions or content to the end side of the panel header."
+          "docs": "A slot for adding actions or content to the end side of the panel header."
         },
         {
           "name": "header-actions-start",
-          "docs": "a slot for adding actions or content to the start side of the panel header."
+          "docs": "A slot for adding actions or content to the start side of the panel header."
         },
         {
           "name": "header-content",
-          "docs": "a slot for adding custom content to the header."
+          "docs": "A slot for adding custom content to the header."
         },
         {
           "name": "header-menu-actions",
-          "docs": "a slot for adding an overflow menu with actions inside a dropdown."
+          "docs": "A slot for adding an overflow menu with actions inside a dropdown."
         }
       ],
       "parts": [],
@@ -12009,12 +12284,12 @@
       "docs": "`calcite-pick-list` lives in a panel and contains `calcite-pick-list-item`s. Each item is able to be be selected via radio button or checkboxes (which have a multiselect and shift-click capability). There is also an option for a filter at the top of the list for searching.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list."
         },
         {
-          "text": "menu-actions - A slot for adding a button + menu combo for performing actions like sorting.",
-          "name": "slot"
+          "name": "slot",
+          "text": "menu-actions - A slot for adding a button + menu combo for performing actions like sorting."
         }
       ],
       "usage": {
@@ -12248,10 +12523,15 @@
         ],
         "calcite-filter": [
           "calcite-scrim",
+          "calcite-input",
           "calcite-icon"
         ],
         "calcite-scrim": [
           "calcite-loader"
+        ],
+        "calcite-input": [
+          "calcite-progress",
+          "calcite-icon"
         ]
       }
     },
@@ -12263,8 +12543,8 @@
       "docs": "`calcite-pick-list-group` is a wrapper for multiple `calcite-pick-list-item`s and lives in `calcite-pick-list`.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-pick-list-item` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-pick-list-item` elements."
         }
       ],
       "usage": {},
@@ -12346,12 +12626,12 @@
       "docs": "`calcite-pick-list-item`s are cards contained in a `calcite-pick-list`. They each can have a label and description, an icon, and be set to compact. The developer can disable or preselect each list item and give it a value.",
       "docsTags": [
         {
-          "text": "actions-end - a slot for adding actions or content to the end side of the item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-end - a slot for adding actions or content to the end side of the item."
         },
         {
-          "text": "actions-start - a slot for adding actions or content to the start side of the item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-start - a slot for adding actions or content to the start side of the item."
         }
       ],
       "usage": {},
@@ -12415,8 +12695,8 @@
           "docs": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.",
           "docsTags": [
             {
-              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)",
-              "name": "see"
+              "name": "see",
+              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
             }
           ],
           "default": "null",
@@ -12443,8 +12723,8 @@
           "docs": "Used as an accessible label (aria-label) for the \"remove item\" action. Only applicable if removable is true.",
           "docsTags": [
             {
-              "text": "\"Remove\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Remove\""
             }
           ],
           "default": "TEXT.remove",
@@ -12622,7 +12902,12 @@
       "tag": "calcite-popover",
       "readme": "# calcite-popover\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        }
+      ],
       "usage": {
         "Manager": "```html\n<calcite-popover reference-element=\"popover-button\">Hello! I am some popover content!</calcite-popover>\n\n<calcite-popover-manager\n  ><calcite-button id=\"popover-button\">Clickable popover</calcite-button></calcite-popover-manager\n>\n```\n"
       },
@@ -12636,8 +12921,8 @@
           "docs": "Display a close button within the Popover.",
           "docsTags": [
             {
-              "text": "use dismissible instead.",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use dismissible instead."
             }
           ],
           "default": "false",
@@ -12778,8 +13063,8 @@
           "docs": "Text for close button.",
           "docsTags": [
             {
-              "text": "\"Close\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Close\""
             }
           ],
           "default": "TEXT.close",
@@ -12816,8 +13101,8 @@
           "docs": "Offset the position of the popover away from the reference element.",
           "docsTags": [
             {
-              "text": "6",
-              "name": "default"
+              "name": "default",
+              "text": "6"
             }
           ],
           "default": "defaultOffsetDistance",
@@ -12894,8 +13179,8 @@
           "docs": "Determines where the component will be positioned relative to the referenceElement.",
           "docsTags": [
             {
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-              "name": "see"
+              "name": "see",
+              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -12990,7 +13275,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-action-menu",
@@ -13025,8 +13315,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding elements that reference a 'calcite-popover' by the 'selector' property.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding elements that reference a 'calcite-popover' by the 'selector' property."
         }
       ],
       "usage": {},
@@ -13057,8 +13347,8 @@
           "docs": "CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.",
           "docsTags": [
             {
-              "text": "`[data-calcite-popover-reference]`",
-              "name": "default"
+              "name": "default",
+              "text": "`[data-calcite-popover-reference]`"
             }
           ],
           "default": "`[${POPOVER_REFERENCE}]`",
@@ -13097,7 +13387,7 @@
       "filePath": "./src/components/calcite-progress/calcite-progress.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-progress",
-      "readme": "# calcite-progress\n\nThe `calcite-progress` component is used to show progress on some async task to the user.\n\n## TODO\n",
+      "readme": "# calcite-progress\n\nThe `calcite-progress` component is used to show progress on some async task to the user.\n",
       "docs": "The `calcite-progress` component is used to show progress on some async task to the user.",
       "docsTags": [],
       "usage": {
@@ -13491,11 +13781,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "mouseenter",
           "capture": false,
@@ -13526,7 +13811,12 @@
       "tag": "calcite-radio-button-group",
       "readme": "# calcite-radio-button-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-radio-button`s."
+        }
+      ],
       "usage": {
         "Basic": "Renders the radio button group with default horizontal layout\n\n```html\n<calcite-radio-button-group name=\"basic-group\">\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    Maps\n  </calcite-label>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    Layers\n  </calcite-label>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    Data\n  </calcite-label>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    Geography\n  </calcite-label>\n</calcite-radio-button-group>\n```\n",
         "Disabled-checked": "Renders all radio button inputs disabled, first one checked\n\n```html\n<calcite-radio-button-group name=\"disabled-group\" disabled>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button checked></calcite-radio-button>\n    A\n  </calcite-label>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    B\n  </calcite-label>\n  <calcite-label layout=\"inline\">\n    <calcite-radio-button></calcite-radio-button>\n    C\n  </calcite-label>\n</calcite-radio-button-group>\n```\n",
@@ -13673,7 +13963,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-radio-button`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -13685,8 +13980,15 @@
       "tag": "calcite-radio-group",
       "readme": "# calcite-radio-group\n",
       "docs": "",
-      "docsTags": [],
-      "usage": {},
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-radio-group-item`s."
+        }
+      ],
+      "usage": {
+        "Basic": "```html\n<calcite-radio-group layout=\"horizontal\" appearance=\"solid\" scale=\"m\" width=\"auto\">\n  <calcite-radio-group-item value=\"apple\" checked>Apple</calcite-radio-group-item>\n  <calcite-radio-group-item value=\"mango\">Mango</calcite-radio-group-item>\n  <calcite-radio-group-item value=\"tomato\">Tomato</calcite-radio-group-item>\n  <calcite-radio-group-item value=\"banana\">Banana</calcite-radio-group-item>\n</calcite-radio-group>\n```\n"
+      },
       "props": [
         {
           "name": "appearance",
@@ -13858,17 +14160,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "calciteRadioGroupItemChange",
           "capture": false,
@@ -13881,7 +14172,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-radio-group-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -14005,10 +14301,12 @@
       "filePath": "./src/components/calcite-rating/calcite-rating.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-rating",
-      "readme": "# calcite-rating\n\n## Labeling for a11y\n\n```\n<calcite-rating intl-rating=\"Label for rating\"></calcite-rating>\n```\n",
+      "readme": "# calcite-rating\n",
       "docs": "",
       "docsTags": [],
-      "usage": {},
+      "usage": {
+        "Basic": "```html\n<calcite-rating\n  show-chip\n  scale=\"m\"\n  value=\"0\"\n  average=\"4.4\"\n  count=\"10\"\n  intl-rating=\"Rating\"\n  intl-stars=\"Rating\"\n></calcite-rating>\n```\n"
+      },
       "props": [
         {
           "name": "average",
@@ -14068,8 +14366,8 @@
           "docs": "Localized string for \"Rating\" (used for aria label)",
           "docsTags": [
             {
-              "text": "\"Rating\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Rating\""
             }
           ],
           "default": "TEXT.rating",
@@ -14090,8 +14388,8 @@
           "docs": "Localized string for labelling each star, `${num}` in the string will be replaced by the number",
           "docsTags": [
             {
-              "text": "\"Stars: ${num}\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Stars: ${num}\""
             }
           ],
           "default": "TEXT.stars",
@@ -14206,12 +14504,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "blur",
           "capture": false,
@@ -14248,7 +14540,12 @@
       "tag": "calcite-scrim",
       "readme": "# calcite-scrim\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content, primarily loading information."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<div style=\"position: relative; width: 200px; height: 200px; overflow: auto;\">\n  <calcite-scrim>\n    <p>I'm a panel that is not loading.</p>\n    <p>This content can have any zIndex and it will not be placed above</p>\n    <p>.</p>\n    <p>.</p>\n    <p>.</p>\n    <p>.</p>\n  </calcite-scrim>\n</div>\n```\n",
         "Loading-scrim-panel": "```html\n<div style=\"position: relative; width: 200px; height: 200px; overflow: auto;\">\n  <calcite-scrim loading>\n    <p>I'm a panel that is not loading.</p>\n    <p>I have a loading spinner over my content.</p>\n    <p>.</p>\n    <p>.</p>\n    <p>.</p>\n    <p>.</p>\n  </calcite-scrim>\n</div>\n```\n"
@@ -14263,8 +14560,8 @@
           "docs": "string to override English loading text",
           "docsTags": [
             {
-              "text": "\"Loading\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Loading\""
             }
           ],
           "default": "TEXT.loading",
@@ -14298,7 +14595,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content, primarily loading information."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-block",
@@ -14341,7 +14643,12 @@
       "tag": "calcite-select",
       "readme": "# calcite-select\n\nThis component represents a menu of options.\n",
       "docs": "This component represents a menu of options.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-option`s."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-select>\n  <calcite-option>high</calcite-option>\n  <calcite-option>medium</calcite-option>\n  <calcite-option>low</calcite-option>\n</calcite-select>\n```\n",
         "Content": "Specify the underlying value and content for each option.\n\n```html\n<calcite-select>\n  <calcite-option label=\"high\">1</calcite-option>\n  <calcite-option label=\"medium\">2</calcite-option>\n  <calcite-option label=\"low\">3</calcite-option>\n</calcite-select>\n```\n",
@@ -14490,12 +14797,6 @@
           "event": "calciteOptionGroupChange",
           "capture": false,
           "passive": false
-        },
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
         }
       ],
       "styles": [
@@ -14510,7 +14811,12 @@
           "docs": "the padding around the selected option text"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-option`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -14530,28 +14836,28 @@
       "docs": "The `calcite-shell` component is used for application layout management. It is a container for the view as well as other calcite components like `calcite-shell-panel` and `calcite-tip-manager`.\n\n_note: calcite-shell supports tablet as the smallest screen size_",
       "docsTags": [
         {
-          "text": "header - A slot for adding header content. This content will be positioned at the top of the shell.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)"
         },
         {
-          "text": "footer - A slot for adding footer content. This content will be positioned at the bottom of the shell.",
-          "name": "slot"
+          "name": "slot",
+          "text": "header - A slot for adding header content. This content will be positioned at the top of the shell."
         },
         {
-          "text": "primary-panel - A slot for adding the leading `calcite-shell-panel`.",
-          "name": "slot"
+          "name": "slot",
+          "text": "footer - A slot for adding footer content. This content will be positioned at the bottom of the shell."
         },
         {
-          "text": "contextual-panel - A slot for adding the trailing `calcite-shell-panel`.",
-          "name": "slot"
+          "name": "slot",
+          "text": "primary-panel - A slot for adding the leading `calcite-shell-panel`."
         },
         {
-          "text": "bottom-panel - A slot for adding a bottom floating panel such as a chart or `calcite-tip-manager`.",
-          "name": "slot"
+          "name": "slot",
+          "text": "contextual-panel - A slot for adding the trailing `calcite-shell-panel`."
         },
         {
-          "text": "- A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)",
-          "name": "slot"
+          "name": "slot",
+          "text": "center-row - A slot for adding custom content in the center row."
         }
       ],
       "usage": {
@@ -14595,8 +14901,8 @@
           "docs": "A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)"
         },
         {
-          "name": "bottom-panel",
-          "docs": "A slot for adding a bottom floating panel such as a chart or `calcite-tip-manager`."
+          "name": "center-row",
+          "docs": "A slot for adding custom content in the center row."
         },
         {
           "name": "contextual-panel",
@@ -14628,12 +14934,12 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the shell panel."
         },
         {
-          "text": "- A slot for adding content to the shell panel.",
-          "name": "slot"
+          "name": "slot",
+          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel."
         }
       ],
       "usage": {},
@@ -14731,12 +15037,12 @@
       "docs": "The `calcite-shell-panel` is a child component of `calcite-shell` used as a container to display other components like `calcite-block` and `calcite-flow`.",
       "docsTags": [
         {
-          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the shell panel."
         },
         {
-          "text": "- A slot for adding content to the shell panel.",
-          "name": "slot"
+          "name": "slot",
+          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel."
         }
       ],
       "usage": {
@@ -15230,6 +15536,15 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
+          "docs": "Fires on when the thumb is released on slider\nIf you need to constantly listen to the drag event,\nplease use calciteSliderInput instead",
+          "docsTags": []
+        },
+        {
+          "event": "calciteSliderInput",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
           "docs": "Fires on all updates to the slider.\n:warning: Will be fired frequently during drag. If you are performing any\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread.",
           "docsTags": []
         },
@@ -15242,20 +15557,14 @@
           "docs": "Fires on all updates to the slider.\n:warning: Will be fired frequently during drag. If you are performing any\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread.",
           "docsTags": [
             {
-              "text": "use calciteSliderChange instead",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use calciteSliderInput instead"
             }
           ],
-          "deprecation": "use calciteSliderChange instead"
+          "deprecation": "use calciteSliderInput instead"
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "keydown",
           "capture": false,
@@ -15293,8 +15602,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding sortable items",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding sortable items."
         }
       ],
       "usage": {},
@@ -15365,6 +15674,32 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "layout",
+          "type": "\"grid\" | \"horizontal\" | \"vertical\"",
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": false,
+          "docs": "Indicates the horizontal or vertical orientation of the component.",
+          "docsTags": [],
+          "default": "\"vertical\"",
+          "values": [
+            {
+              "value": "grid",
+              "type": "string"
+            },
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "loading",
           "type": "boolean",
@@ -15406,7 +15741,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding sortable items"
+          "docs": "A slot for adding sortable items."
         }
       ],
       "parts": [],
@@ -15420,7 +15755,12 @@
       "tag": "calcite-split-button",
       "readme": "# calcite-split-button\n\nThe calcite-split-button control is one that combines a button with a dropdown menu in order to provide a primary action along with one or more related secondary options / actions. It's useful for grouping related actions or options for users, while elevating a commonly-used or default action for easier access. Its inner content populates the control's dropdown menu, and is thus expected to be valid `calcite-dropdown` content.\n",
       "docs": "The calcite-split-button control is one that combines a button with a dropdown menu in order to provide a primary action along with one or more related secondary options / actions. It's useful for grouping related actions or options for users, while elevating a commonly-used or default action for easier access. Its inner content populates the control's dropdown menu, and is thus expected to be valid `calcite-dropdown` content.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-dropdown` content."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-split-button primary-icon-start=\"save\" primary-text=\"Primary Option\">\n  <calcite-dropdown-group selection-mode=\"none\">\n    <calcite-dropdown-item>Option 2</calcite-dropdown-item>\n    <calcite-dropdown-item>Option 3</calcite-dropdown-item>\n    <calcite-dropdown-item>Option 4</calcite-dropdown-item>\n  </calcite-dropdown-group>\n</calcite-split-button>\n```\n"
       },
@@ -15730,7 +16070,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-dropdown` content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -15754,7 +16099,12 @@
       "tag": "calcite-stepper",
       "readme": "# calcite-stepper\n\nCalcite stepper can be used to present a stepper workflow to a user. It has configurable display options for layout (horizontal or vertical), and the ability to automatically render status icons, and step numbers.\n",
       "docs": "Calcite stepper can be used to present a stepper workflow to a user. It has configurable display options for layout (horizontal or vertical), and the ability to automatically render status icons, and step numbers.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-stepper-item`s."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-stepper icon numbered id=\"my-example-stepper\">\n  <calcite-stepper-item item-title=\"Choose method\" item-subtitle=\"Add members without sending invitations\" complete>\n    Step 1 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Compile member list\" error> Step 2 Content Goes Here </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Set member properties\" item-subtitle=\"Some subtext\" active>\n    Step 3 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Confirm and complete\" item-subtitle=\"Disabled example\" disabled>\n    Step 4 Content Goes Here\n  </calcite-stepper-item>\n</calcite-stepper>\n```\n"
       },
@@ -15922,7 +16272,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-stepper-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -15934,7 +16289,12 @@
       "tag": "calcite-stepper-item",
       "readme": "# calcite-stepper-item\n\nindividual `calcite-stepper-item` item\n",
       "docs": "individual `calcite-stepper-item` item",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -16054,7 +16414,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -16074,9 +16439,26 @@
       "docs": "`calcite-switch` is used to toggle a value on or off.",
       "docsTags": [],
       "usage": {
-        "Basic": "```html\n<label> <calcite-switch switched></calcite-switch> Switch is on </label>\n```\n"
+        "Basic": "```html\n<label> <calcite-switch checked></calcite-switch> Switch is on </label>\n```\n"
       },
       "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "checked",
+          "reflectToAttr": true,
+          "docs": "True if the switch is initially on",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -16094,6 +16476,22 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Applies to the aria-label attribute on the switch",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -16141,10 +16539,16 @@
           "type": "boolean",
           "mutable": true,
           "attr": "switched",
-          "reflectToAttr": true,
+          "reflectToAttr": false,
           "docs": "True if the switch is initially on",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use 'checked' instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "use 'checked' instead.",
           "values": [
             {
               "type": "boolean"
@@ -16190,22 +16594,11 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fires when the switched value has changed.",
+          "docs": "Fires when the checked value has changed.",
           "docsTags": []
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "keydown",
           "capture": false,
@@ -16231,7 +16624,12 @@
       "tag": "calcite-tab",
       "readme": "# calcite-tab\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        }
+      ],
       "usage": {
         "Basic": "`calcite-tab` wraps the content you would like to appear when that tab is selected:\n\n```html\n<calcite-tab>My stuff!</calcite-tab>\n```\n"
       },
@@ -16293,7 +16691,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16311,7 +16714,12 @@
       "tag": "calcite-tab-nav",
       "readme": "# calcite-tab-nav\n\nThe tab-nav groups several [calcite-tab-title](../calcite-tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.\n",
       "docs": "The tab-nav groups several [calcite-tab-title](../calcite-tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-tab-title`s."
+        }
+      ],
       "usage": {
         "Basic": "When tab-nav is the only parent, tab-title can inherit its `scale` and `position` from tab-nav:\n\n```html\n<calcite-tab-nav scale=\"l\" position=\"below\">\n  <calcite-tab-title>Layers</calcite-tab-title>\n  <calcite-tab-title>Maps</calcite-tab-title>\n  <calcite-tab-title active>Data</calcite-tab-title>\n</calcite-tab-nav>\n```\n"
       },
@@ -16360,8 +16768,8 @@
           "docs": "Emitted when the active tab changes",
           "docsTags": [
             {
-              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)",
-              "name": "see"
+              "name": "see",
+              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
             }
           ]
         }
@@ -16401,7 +16809,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tab-title`s."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16419,7 +16832,12 @@
       "tag": "calcite-tab-title",
       "readme": "# calcite-tab-title\n\nThe tab-title is the link that switches between panes in [calcite-tabs](../calcite-tabs).\n",
       "docs": "The tab-title is the link that switches between panes in [calcite-tabs](../calcite-tabs).",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -16553,8 +16971,8 @@
           "docs": "Fires when a specific tab is activated (`event.details`)",
           "docsTags": [
             {
-              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)",
-              "name": "see"
+              "name": "see",
+              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
             }
           ]
         }
@@ -16578,7 +16996,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16603,8 +17026,12 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "tab-nav - a slot for adding a tab navigation component",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-tab`s."
+        },
+        {
+          "name": "slot",
+          "text": "tab-nav - A slot for adding a tab navigation component."
         }
       ],
       "usage": {
@@ -16728,9 +17155,13 @@
       ],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tab`s."
+        },
         {
           "name": "tab-nav",
-          "docs": "a slot for adding a tab navigation component"
+          "docs": "A slot for adding a tab navigation component."
         }
       ],
       "parts": [],
@@ -16752,15 +17183,17 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "content-start - A slot for adding non-actionable elements before the tile content.",
-          "name": "slot"
+          "name": "slot",
+          "text": "content-start - A slot for adding non-actionable elements before the tile content."
         },
         {
-          "text": "content-end - A slot for adding non-actionable elements after the tile content.",
-          "name": "slot"
+          "name": "slot",
+          "text": "content-end - A slot for adding non-actionable elements after the tile content."
         }
       ],
-      "usage": {},
+      "usage": {
+        "Basic": "```html\n<calcite-tile\n  description=\"Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collab on thinking to further the overall.\"\n  heading=\"Tile heading lorem ipsum\"\n  href=\"#\"\n  icon=\"images\"\n></calcite-tile>\n```\n"
+      },
       "props": [
         {
           "name": "active",
@@ -16936,8 +17369,15 @@
       "tag": "calcite-tile-select",
       "readme": "# calcite-tile-select\n",
       "docs": "",
-      "docsTags": [],
-      "usage": {},
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        }
+      ],
+      "usage": {
+        "Basic": "```html\n<calcite-tile-select\n  checked\n  input-enabled\n  description=\"Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collab on thinking to further the overall.\"\n  heading=\"Tile heading lorem ipsum\"\n  icon=\"layer\"\n  input-alignment=\"end\"\n  type=\"radio\"\n  value=\"one\"\n></calcite-tile-select>\n```\n"
+      },
       "props": [
         {
           "name": "checked",
@@ -17168,7 +17608,17 @@
           "docsTags": []
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "calciteTileSelectChange",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.",
+          "docsTags": []
+        }
+      ],
       "listeners": [
         {
           "event": "calciteCheckboxChange",
@@ -17176,17 +17626,22 @@
           "passive": false
         },
         {
-          "event": "calciteCheckboxFocusedChange",
+          "event": "calciteInternalCheckboxFocus",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "calciteRadioButtonChange",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteRadioButtonCheckedChange",
+          "event": "calciteInternalRadioButtonCheckedChange",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteRadioButtonFocusedChange",
+          "event": "calciteInternalRadioButtonFocus",
           "capture": false,
           "passive": false
         },
@@ -17207,7 +17662,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -17232,7 +17692,12 @@
       "tag": "calcite-tile-select-group",
       "readme": "# calcite-tile-select-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-tile-select`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -17262,7 +17727,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tile-select`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -17325,8 +17795,8 @@
           "docs": "aria-label for the hour input",
           "docsTags": [
             {
-              "text": "\"Hour\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Hour\""
             }
           ],
           "default": "TEXT.hour",
@@ -17347,8 +17817,8 @@
           "docs": "aria-label for the hour down button",
           "docsTags": [
             {
-              "text": "\"Decrease hour\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Decrease hour\""
             }
           ],
           "default": "TEXT.hourDown",
@@ -17369,8 +17839,8 @@
           "docs": "aria-label for the hour up button",
           "docsTags": [
             {
-              "text": "\"Increase hour\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Increase hour\""
             }
           ],
           "default": "TEXT.hourUp",
@@ -17391,8 +17861,8 @@
           "docs": "aria-label for the meridiem (am/pm) input",
           "docsTags": [
             {
-              "text": "\"AM/PM\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"AM/PM\""
             }
           ],
           "default": "TEXT.meridiem",
@@ -17413,8 +17883,8 @@
           "docs": "aria-label for the meridiem (am/pm) down button",
           "docsTags": [
             {
-              "text": "\"Decrease AM/PM\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Decrease AM/PM\""
             }
           ],
           "default": "TEXT.meridiemDown",
@@ -17435,8 +17905,8 @@
           "docs": "aria-label for the meridiem (am/pm) up button",
           "docsTags": [
             {
-              "text": "\"Increase AM/PM\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Increase AM/PM\""
             }
           ],
           "default": "TEXT.meridiemUp",
@@ -17457,8 +17927,8 @@
           "docs": "aria-label for the minute input",
           "docsTags": [
             {
-              "text": "\"Minute\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Minute\""
             }
           ],
           "default": "TEXT.minute",
@@ -17479,8 +17949,8 @@
           "docs": "aria-label for the minute down button",
           "docsTags": [
             {
-              "text": "\"Decrease minute\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Decrease minute\""
             }
           ],
           "default": "TEXT.minuteDown",
@@ -17501,8 +17971,8 @@
           "docs": "aria-label for the minute up button",
           "docsTags": [
             {
-              "text": "\"Increase minute\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Increase minute\""
             }
           ],
           "default": "TEXT.minuteUp",
@@ -17523,8 +17993,8 @@
           "docs": "aria-label for the second input",
           "docsTags": [
             {
-              "text": "\"Second\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Second\""
             }
           ],
           "default": "TEXT.second",
@@ -17545,8 +18015,8 @@
           "docs": "aria-label for the second down button",
           "docsTags": [
             {
-              "text": "\"Decrease second\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Decrease second\""
             }
           ],
           "default": "TEXT.secondDown",
@@ -17567,8 +18037,8 @@
           "docs": "aria-label for the second up button",
           "docsTags": [
             {
-              "text": "\"Increase second\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"Increase second\""
             }
           ],
           "default": "TEXT.secondUp",
@@ -17715,8 +18185,12 @@
       "docs": "The `calcite-tip` component can comprise of an image, text and hyperlink to give helpful hints to a user about using the platform.",
       "docsTags": [
         {
-          "text": "thumbnail - A slot for adding an HTML image element to the tip.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding text and a hyperlink."
+        },
+        {
+          "name": "slot",
+          "text": "thumbnail - A slot for adding an HTML image element to the tip."
         }
       ],
       "usage": {
@@ -17859,6 +18333,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text and a hyperlink."
+        },
         {
           "name": "thumbnail",
           "docs": "A slot for adding an HTML image element to the tip."
@@ -17885,7 +18363,12 @@
       "tag": "calcite-tip-group",
       "readme": "# calcite-tip-group\n\n`calcite-tip-group` is a wrapper for multiple `calcite-tip`s and is housed in `calcite-tip-manager`.\n",
       "docs": "`calcite-tip-group` is a wrapper for multiple `calcite-tip`s and is housed in `calcite-tip-manager`.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding `calcite-tip`s."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -17909,7 +18392,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tip`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -17923,8 +18411,8 @@
       "docs": "The `calcite-tip-manager` component contains multiple `calcite-tip`s that a user can view through via interactive arrows to go back and forth through the tips in the deck.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-tip`s.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-tip`s."
         }
       ],
       "usage": {
@@ -18143,7 +18631,12 @@
       "tag": "calcite-tooltip",
       "readme": "# calcite-tooltip\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding text."
+        }
+      ],
       "usage": {
         "Basic": "```html\n<calcite-tooltip placement=\"auto\" reference-element=\"tooltip-button\"\n  >This is the message of the tooltip</calcite-tooltip\n>\n<calcite-tooltip-manager>\n  <p>\n    Lorem <a id=\"tooltip-button\" href=\"#\">ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\n    incididunt ut labore et dolore magna aliqua.\n  </p>\n</calcite-tooltip-manager>\n```\n"
       },
@@ -18173,8 +18666,8 @@
           "docs": "Offset the position of the popover away from the reference element.",
           "docsTags": [
             {
-              "text": "6",
-              "name": "default"
+              "name": "default",
+              "text": "6"
             }
           ],
           "default": "defaultOffsetDistance",
@@ -18251,8 +18744,8 @@
           "docs": "Determines where the component will be positioned relative to the referenceElement.",
           "docsTags": [
             {
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-              "name": "see"
+              "name": "see",
+              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -18306,7 +18799,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -18320,8 +18818,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding elements that reference a 'calcite-tooltip' by the 'selector' property.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding elements that reference a 'calcite-tooltip' by the 'selector' property."
         }
       ],
       "usage": {},
@@ -18335,8 +18833,8 @@
           "docs": "CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.",
           "docsTags": [
             {
-              "text": "`[data-calcite-tooltip-reference]`",
-              "name": "default"
+              "name": "default",
+              "text": "`[data-calcite-tooltip-reference]`"
             }
           ],
           "default": "`[${TOOLTIP_REFERENCE}]`",
@@ -18418,8 +18916,8 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for `calcite-tree-item` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for `calcite-tree-item` elements."
         }
       ],
       "usage": {
@@ -18435,8 +18933,8 @@
           "docs": "Display input",
           "docsTags": [
             {
-              "text": "use \"ancestors\" selection-mode for checkbox input",
-              "name": "deprecated"
+              "name": "deprecated",
+              "text": "use \"ancestors\" selection-mode for checkbox input"
             }
           ],
           "default": "false",
@@ -18501,12 +18999,12 @@
           "docs": "Customize how tree selection works (single, multi, children, multi-children, ancestors)",
           "docsTags": [
             {
-              "text": "\"single\"",
-              "name": "default"
+              "name": "default",
+              "text": "\"single\""
             },
             {
-              "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L5)",
-              "name": "see"
+              "name": "see",
+              "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L5)"
             }
           ],
           "default": "TreeSelectionMode.Single",
@@ -18542,8 +19040,8 @@
           "docs": "Emitted when user selects/deselects tree items. An object including an array of selected items will be passed in the event's `detail` property.",
           "docsTags": [
             {
-              "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L1)",
-              "name": "see"
+              "name": "see",
+              "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L1)"
             }
           ]
         }
@@ -18590,12 +19088,12 @@
       "docs": "`<calcite-tree-item>` is used to represent a single item in a `<calcite-tree>`.",
       "docsTags": [
         {
-          "text": "children - A slot for adding nested `calcite-tree` elements.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding content to the item."
         },
         {
-          "text": "- A slot for adding content to the item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "children - A slot for adding nested `calcite-tree` elements."
         }
       ],
       "usage": {},
@@ -18681,12 +19179,12 @@
       "docs": "`calcite-value-list` is housed in a panel and contains `calcite-value-list-item`s. The value list has options for drag and drop, label editing, and single or multi-select of items which can be done through shift+click.",
       "docsTags": [
         {
-          "text": "- A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.",
-          "name": "slot"
+          "name": "slot",
+          "text": "- A slot for adding `calcite-value-list-item` elements. Items are displayed as a vertical list."
         },
         {
-          "text": "menu-actions - A slot for adding a button + menu combo for performing actions like sorting.",
-          "name": "slot"
+          "name": "slot",
+          "text": "menu-actions - A slot for adding a button + menu combo for performing actions like sorting."
         }
       ],
       "usage": {
@@ -18900,7 +19398,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list."
+          "docs": "A slot for adding `calcite-value-list-item` elements. Items are displayed as a vertical list."
         },
         {
           "name": "menu-actions",
@@ -18920,10 +19418,15 @@
         ],
         "calcite-filter": [
           "calcite-scrim",
+          "calcite-input",
           "calcite-icon"
         ],
         "calcite-scrim": [
           "calcite-loader"
+        ],
+        "calcite-input": [
+          "calcite-progress",
+          "calcite-icon"
         ]
       }
     },
@@ -18935,12 +19438,12 @@
       "docs": "`calcite-value-list-item`s are cards contained in a `calcite-value-list`. They each can have a label and description, an icon and can have their label's be editable (inherited from `calcite-value-list`). The developer can disable or preselect each list item and give it a value.",
       "docsTags": [
         {
-          "text": "actions-end - A slot for adding actions or content to the end side of the item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-end - A slot for adding actions or content to the end side of the item."
         },
         {
-          "text": "actions-start - A slot for adding actions or content to the start side of the item.",
-          "name": "slot"
+          "name": "slot",
+          "text": "actions-start - A slot for adding actions or content to the start side of the item."
         }
       ],
       "usage": {},
@@ -18987,8 +19490,8 @@
           "docs": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.",
           "docsTags": [
             {
-              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)",
-              "name": "see"
+              "name": "see",
+              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
             }
           ],
           "default": "null",