@esri/calcite-components 1.0.0-beta.64 → 1.0.0-beta.68

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2021-09-14T05:35:15",
+  "timestamp": "2021-10-26T00:57:11",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.8.0",
+    "version": "2.9.0",
     "typescriptVersion": "4.2.3"
   },
   "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": [
+        {
+          "text": "- A slot for adding `calcite-accordion-item`s.",
+          "name": "slot"
+        }
+      ],
       "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": [
+        {
+          "text": "- A slot for adding custom content.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -261,7 +276,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -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"
@@ -1961,19 +1977,19 @@
       "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.",
+          "text": "- A slot for adding content to the block.",
           "name": "slot"
         },
         {
-          "text": "control - A slot for adding a single HTML input element in a header.",
+          "text": "icon - A slot for adding a leading header icon.",
           "name": "slot"
         },
         {
-          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
+          "text": "control - A slot for adding a single HTML input element in a header.",
           "name": "slot"
         },
         {
-          "text": "- A slot for adding content to the block.",
+          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
           "name": "slot"
         }
       ],
@@ -2477,7 +2493,12 @@
       "tag": "calcite-button",
       "readme": "# calcite-button\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        }
+      ],
       "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": [
+            {
+              "text": "– this property is no longer needed if placed inside a form.",
+              "name": "deprecated"
+            }
+          ],
+          "deprecation": "– this property is no longer needed if placed inside a form.",
           "values": [
             {
               "type": "string"
@@ -2921,7 +2948,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker",
@@ -2960,11 +2992,11 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "thumbnail - A slot for adding a thumbnail to the card.",
+          "text": "- A slot for adding subheader/description content.",
           "name": "slot"
         },
         {
-          "text": "- A slot for adding subheader/description content.",
+          "text": "thumbnail - A slot for adding a thumbnail to the card.",
           "name": "slot"
         },
         {
@@ -2984,7 +3016,9 @@
           "name": "slot"
         }
       ],
-      "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",
@@ -3323,11 +3357,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "mouseenter",
           "capture": false,
@@ -3370,7 +3399,11 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "image - a slot for adding an image",
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        },
+        {
+          "text": "image - A slot for adding an image.",
           "name": "slot"
         }
       ],
@@ -3576,9 +3609,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": [],
@@ -4639,7 +4676,12 @@
       "tag": "calcite-combobox",
       "readme": "# calcite-combobox\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-combobox-item`s.",
+          "name": "slot"
+        }
+      ],
       "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",
@@ -4908,7 +4950,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 +4978,12 @@
       "tag": "calcite-combobox-item",
       "readme": "# calcite-combobox-item\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding nested `calcite-combobox-item`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -5108,7 +5160,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding nested `calcite-combobox-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -5126,7 +5183,12 @@
       "tag": "calcite-combobox-item-group",
       "readme": "# calcite-combobox-item-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-combobox-item`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -5165,7 +5227,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-combobox-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -6258,7 +6325,11 @@
       "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",
+          "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.",
           "name": "slot"
         }
       ],
@@ -6601,9 +6672,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 +6698,12 @@
       "tag": "calcite-dropdown-group",
       "readme": "# calcite-dropdown-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-dropdown-item`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -6704,7 +6784,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-dropdown-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -6716,7 +6801,12 @@
       "tag": "calcite-dropdown-item",
       "readme": "# calcite-dropdown-item\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -6891,7 +6981,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -7256,16 +7351,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"
         ],
@@ -7757,7 +7858,7 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- slot for rendering a `<calcite-input>`",
+          "text": "- A slot for adding a `calcite-input`.",
           "name": "slot"
         }
       ],
@@ -7942,26 +8043,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": [],
@@ -8616,6 +8723,7 @@
       "dependents": [
         "calcite-color-picker",
         "calcite-color-picker-hex-input",
+        "calcite-filter",
         "calcite-input-date-picker",
         "calcite-input-time-picker"
       ],
@@ -8634,6 +8742,9 @@
         "calcite-color-picker-hex-input": [
           "calcite-input"
         ],
+        "calcite-filter": [
+          "calcite-input"
+        ],
         "calcite-input-date-picker": [
           "calcite-input"
         ],
@@ -8649,7 +8760,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",
@@ -9037,6 +9150,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": [
@@ -9108,7 +9232,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": [
+        {
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        }
+      ],
       "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"
       },
@@ -9235,7 +9364,12 @@
           "docs": "the top margin above the input-message."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -9254,7 +9388,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 +9705,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 +9742,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "keyup",
           "capture": false,
@@ -9666,11 +9797,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": [
+        {
+          "text": "- A slot for adding text and a component that can be labeled.",
+          "name": "slot"
+        }
+      ],
       "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 +9920,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,15 +9969,14 @@
       ],
       "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": [],
       "dependencies": [],
@@ -9855,11 +9990,12 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- default text slot for link text",
+          "text": "- A slot for adding text.",
           "name": "slot"
         }
       ],
       "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 +10141,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "default text slot for link text"
+          "docs": "A slot for adding text."
         }
       ],
       "parts": [],
@@ -10081,7 +10217,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": [],
@@ -10103,6 +10251,10 @@
       "readme": "# calcite-list-item\n\nA 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'.\n",
       "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": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.",
+          "name": "slot"
+        },
         {
           "text": "actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.",
           "name": "slot"
@@ -10118,10 +10270,6 @@
         {
           "text": "actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.",
           "name": "slot"
-        },
-        {
-          "text": "- A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.",
-          "name": "slot"
         }
       ],
       "usage": {},
@@ -10193,19 +10341,31 @@
           "required": false
         }
       ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "A slot for adding `calcite-list-item` and `calcite-list-item-group` elements."
-        },
+      "methods": [
         {
-          "name": "actions-end",
-          "docs": "A slot for adding actionable `calcite-action` elements after the content of the list item."
-        },
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-list-item` and `calcite-list-item-group` elements."
+        },
+        {
+          "name": "actions-end",
+          "docs": "A slot for adding actionable `calcite-action` elements after the content of the list item."
+        },
         {
           "name": "actions-start",
           "docs": "A slot for adding actionable `calcite-action` elements before the content of the list item."
@@ -10521,8 +10681,8 @@
       "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",
@@ -11297,7 +11457,12 @@
       "tag": "calcite-option-group",
       "readme": "# calcite-option-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-option`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -11338,7 +11503,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-option`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -11352,7 +11522,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": [
         {
@@ -11560,31 +11730,35 @@
       "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.",
+          "text": "- A slot for adding custom content.",
           "name": "slot"
         },
         {
-          "text": "header-actions-end - a slot for adding actions or content to the end side of the panel header.",
+          "text": "header-actions-start - A slot for adding actions or content to the start side of the panel header.",
           "name": "slot"
         },
         {
-          "text": "header-content - a slot for adding custom content to the header.",
+          "text": "header-actions-end - A slot for adding actions or content to the end side of the panel header.",
           "name": "slot"
         },
         {
-          "text": "header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.",
+          "text": "header-content - A slot for adding custom content to the header.",
+          "name": "slot"
+        },
+        {
+          "text": "header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.",
           "name": "slot"
         },
         {
-          "text": "fab - a slot for adding a `calcite-fab` (floating action button) to perform an action.",
+          "text": "fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.",
           "name": "slot"
         },
         {
-          "text": "footer-actions - a slot for adding buttons to the footer.",
+          "text": "footer-actions - A slot for adding buttons to the footer.",
           "name": "slot"
         },
         {
-          "text": "footer - a slot for adding custom content to the footer.",
+          "text": "footer - A slot for adding custom content to the footer.",
           "name": "slot"
         }
       ],
@@ -11941,33 +12115,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": [],
@@ -12248,10 +12426,15 @@
         ],
         "calcite-filter": [
           "calcite-scrim",
+          "calcite-input",
           "calcite-icon"
         ],
         "calcite-scrim": [
           "calcite-loader"
+        ],
+        "calcite-input": [
+          "calcite-progress",
+          "calcite-icon"
         ]
       }
     },
@@ -12622,7 +12805,12 @@
       "tag": "calcite-popover",
       "readme": "# calcite-popover\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding custom content.",
+          "name": "slot"
+        }
+      ],
       "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"
       },
@@ -12990,7 +13178,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-action-menu",
@@ -13097,7 +13290,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 +13684,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "mouseenter",
           "capture": false,
@@ -13526,7 +13714,12 @@
       "tag": "calcite-radio-button-group",
       "readme": "# calcite-radio-button-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-radio-button`s.",
+          "name": "slot"
+        }
+      ],
       "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 +13866,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-radio-button`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -13685,8 +13883,15 @@
       "tag": "calcite-radio-group",
       "readme": "# calcite-radio-group\n",
       "docs": "",
-      "docsTags": [],
-      "usage": {},
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-radio-group-item`s.",
+          "name": "slot"
+        }
+      ],
+      "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 +14063,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "calciteRadioGroupItemChange",
           "capture": false,
@@ -13881,7 +14075,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-radio-group-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -14005,10 +14204,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",
@@ -14206,12 +14407,6 @@
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "blur",
           "capture": false,
@@ -14248,7 +14443,12 @@
       "tag": "calcite-scrim",
       "readme": "# calcite-scrim\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding custom content, primarily loading information.",
+          "name": "slot"
+        }
+      ],
       "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"
@@ -14298,7 +14498,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content, primarily loading information."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-block",
@@ -14341,7 +14546,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": [
+        {
+          "text": "- A slot for adding `calcite-option`s.",
+          "name": "slot"
+        }
+      ],
       "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 +14700,6 @@
           "event": "calciteOptionGroupChange",
           "capture": false,
           "passive": false
-        },
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
         }
       ],
       "styles": [
@@ -14510,7 +14714,12 @@
           "docs": "the padding around the selected option text"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-option`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -14529,6 +14738,10 @@
       "readme": "# calcite-shell\n\nThe `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_\n",
       "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": "- 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"
+        },
         {
           "text": "header - A slot for adding header content. This content will be positioned at the top of the shell.",
           "name": "slot"
@@ -14546,11 +14759,7 @@
           "name": "slot"
         },
         {
-          "text": "bottom-panel - A slot for adding a bottom floating panel such as a chart or `calcite-tip-manager`.",
-          "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": "center-row - A slot for adding custom content in the center row.",
           "name": "slot"
         }
       ],
@@ -14595,8 +14804,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,11 +14837,11 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel.",
+          "text": "- A slot for adding content to the shell panel.",
           "name": "slot"
         },
         {
-          "text": "- A slot for adding content to the shell panel.",
+          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel.",
           "name": "slot"
         }
       ],
@@ -14731,11 +14940,11 @@
       "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.",
+          "text": "- A slot for adding content to the shell panel.",
           "name": "slot"
         },
         {
-          "text": "- A slot for adding content to the shell panel.",
+          "text": "action-bar - A slot for adding a `calcite-action-bar` to the panel.",
           "name": "slot"
         }
       ],
@@ -15230,6 +15439,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 +15460,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",
+              "text": "use calciteSliderInput instead",
               "name": "deprecated"
             }
           ],
-          "deprecation": "use calciteSliderChange instead"
+          "deprecation": "use calciteSliderInput instead"
         }
       ],
       "listeners": [
-        {
-          "event": "calciteLabelFocus",
-          "target": "window",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "keydown",
           "capture": false,
@@ -15293,7 +15505,7 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "- A slot for adding sortable items",
+          "text": "- A slot for adding sortable items.",
           "name": "slot"
         }
       ],
@@ -15365,6 +15577,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 +15644,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding sortable items"
+          "docs": "A slot for adding sortable items."
         }
       ],
       "parts": [],
@@ -15420,7 +15658,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": [
+        {
+          "text": "- A slot for adding `calcite-dropdown` content.",
+          "name": "slot"
+        }
+      ],
       "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 +15973,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-dropdown` content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -15754,7 +16002,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": [
+        {
+          "text": "- A slot for adding `calcite-stepper-item`s.",
+          "name": "slot"
+        }
+      ],
       "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 +16175,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-stepper-item`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -15934,7 +16192,12 @@
       "tag": "calcite-stepper-item",
       "readme": "# calcite-stepper-item\n\nindividual `calcite-stepper-item` item\n",
       "docs": "individual `calcite-stepper-item` item",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding custom content.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -16054,7 +16317,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -16074,9 +16342,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 +16379,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",
@@ -16139,12 +16440,18 @@
         {
           "name": "switched",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "switched",
-          "reflectToAttr": true,
+          "reflectToAttr": false,
           "docs": "True if the switch is initially on",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "text": "use 'checked' instead.",
+              "name": "deprecated"
+            }
+          ],
           "default": "false",
+          "deprecation": "use 'checked' instead.",
           "values": [
             {
               "type": "boolean"
@@ -16190,22 +16497,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 +16527,12 @@
       "tag": "calcite-tab",
       "readme": "# calcite-tab\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding custom content.",
+          "name": "slot"
+        }
+      ],
       "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 +16594,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16311,7 +16617,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": [
+        {
+          "text": "- A slot for adding `calcite-tab-title`s.",
+          "name": "slot"
+        }
+      ],
       "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"
       },
@@ -16401,7 +16712,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tab-title`s."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16419,7 +16735,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": [
+        {
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -16578,7 +16899,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [
         "calcite-color-picker"
@@ -16603,7 +16929,11 @@
       "docs": "",
       "docsTags": [
         {
-          "text": "tab-nav - a slot for adding a tab navigation component",
+          "text": "- A slot for adding `calcite-tab`s.",
+          "name": "slot"
+        },
+        {
+          "text": "tab-nav - A slot for adding a tab navigation component.",
           "name": "slot"
         }
       ],
@@ -16728,9 +17058,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": [],
@@ -16760,7 +17094,9 @@
           "name": "slot"
         }
       ],
-      "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 +17272,15 @@
       "tag": "calcite-tile-select",
       "readme": "# calcite-tile-select\n",
       "docs": "",
-      "docsTags": [],
-      "usage": {},
+      "docsTags": [
+        {
+          "text": "- A slot for adding custom content.",
+          "name": "slot"
+        }
+      ],
+      "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 +17511,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 +17529,22 @@
           "passive": false
         },
         {
-          "event": "calciteCheckboxFocusedChange",
+          "event": "calciteInternalCheckboxFocus",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteRadioButtonCheckedChange",
+          "event": "calciteRadioButtonChange",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteRadioButtonFocusedChange",
+          "event": "calciteInternalRadioButtonCheckedChange",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "calciteInternalRadioButtonFocus",
           "capture": false,
           "passive": false
         },
@@ -17207,7 +17565,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -17232,7 +17595,12 @@
       "tag": "calcite-tile-select-group",
       "readme": "# calcite-tile-select-group\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding `calcite-tile-select`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -17262,7 +17630,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tile-select`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -17714,6 +18087,10 @@
       "readme": "# calcite-tip\n\nThe `calcite-tip` component can comprise of an image, text and hyperlink to give helpful hints to a user about using the platform.\n",
       "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": "- A slot for adding text and a hyperlink.",
+          "name": "slot"
+        },
         {
           "text": "thumbnail - A slot for adding an HTML image element to the tip.",
           "name": "slot"
@@ -17859,6 +18236,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 +18266,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": [
+        {
+          "text": "- A slot for adding `calcite-tip`s.",
+          "name": "slot"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -17909,7 +18295,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-tip`s."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -18143,7 +18534,12 @@
       "tag": "calcite-tooltip",
       "readme": "# calcite-tooltip\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "text": "- A slot for adding text.",
+          "name": "slot"
+        }
+      ],
       "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"
       },
@@ -18306,7 +18702,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding text."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -18590,11 +18991,11 @@
       "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.",
+          "text": "- A slot for adding content to the item.",
           "name": "slot"
         },
         {
-          "text": "- A slot for adding content to the item.",
+          "text": "children - A slot for adding nested `calcite-tree` elements.",
           "name": "slot"
         }
       ],
@@ -18681,7 +19082,7 @@
       "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.",
+          "text": "- A slot for adding `calcite-value-list-item` elements. Items are displayed as a vertical list.",
           "name": "slot"
         },
         {
@@ -18900,7 +19301,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 +19321,15 @@
         ],
         "calcite-filter": [
           "calcite-scrim",
+          "calcite-input",
           "calcite-icon"
         ],
         "calcite-scrim": [
           "calcite-loader"
+        ],
+        "calcite-input": [
+          "calcite-progress",
+          "calcite-icon"
         ]
       }
     },