@esri/calcite-components 3.2.0-next.8 → 3.2.0

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "3.2.0-next.8",
+  "version": "3.2.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -109,7 +109,7 @@
         },
         {
           "name": "calcite-accordion-item",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
           "attributes": [
             {
               "name": "description",
@@ -212,7 +212,7 @@
         },
         {
           "name": "calcite-action",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding a `calcite-icon`.\n- **tooltip** - [Deprecated] Use the `calcite-tooltip` component instead.\n\n### CSS Properties\n- **--calcite-action-background-color-hover** - Specifies the component's background color when hovered or focused. \n- **--calcite-action-background-color-press** - Specifies the component's background color when active. \n- **--calcite-action-background-color-pressed** - [Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active. \n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-corner-radius-end-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end. \n- **--calcite-action-corner-radius-end-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start. \n- **--calcite-action-corner-radius-start-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end. \n- **--calcite-action-corner-radius-start-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start. \n- **--calcite-action-corner-radius** - Specifies the component's corner radius. \n- **--calcite-action-indicator-color** - Specifies the component's indicator color. \n- **--calcite-action-text-color-press** - Specifies the component's text color when hovered. \n- **--calcite-action-text-color-pressed** - [Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered. \n- **--calcite-action-text-color** - Specifies the component's text color. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding a `calcite-icon`.\n- **tooltip** - [Deprecated] Use the `calcite-tooltip` component instead.\n\n### CSS Properties\n- **--calcite-action-background-color-hover** - Specifies the component's background color when hovered or focused. \n- **--calcite-action-background-color-press** - Specifies the component's background color when active. \n- **--calcite-action-background-color-pressed** - [Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active. \n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-corner-radius-end-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end. \n- **--calcite-action-corner-radius-end-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start. \n- **--calcite-action-corner-radius-start-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end. \n- **--calcite-action-corner-radius-start-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start. \n- **--calcite-action-corner-radius** - Specifies the component's corner radius. \n- **--calcite-action-indicator-color** - Specifies the component's indicator color. \n- **--calcite-action-text-color-press** - Specifies the component's text color when pressed or hovered. \n- **--calcite-action-text-color-pressed** - [Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered. \n- **--calcite-action-text-color** - Specifies the component's text color. ",
           "attributes": [
             {
               "name": "active",
@@ -415,7 +415,7 @@
         },
         {
           "name": "calcite-action-bar",
-          "description": "### Events\n- **calciteActionBarToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s that will appear at the top of the component.\n- **bottom-actions** - [Deprecated] Use the `\"actions-end\"` slot instead. A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button.\n- **actions-end** - A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-bar-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width. \n- **--calcite-action-bar-items-space** - Specifies the space between slotted components in the component. ",
+          "description": "### Events\n- **calciteActionBarToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s that will appear at the top of the component.\n- **bottom-actions** - [Deprecated] Use the `\"actions-end\"` slot instead. A slot for adding `calcite-action`s that will appear at the bottom of the component, above the collapse/expand button.\n- **actions-end** - A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-bar-background-color** - Specifies the component's background color. \n- **--calcite-action-bar-corner-radius** - Specifies the component's border radius when `floating` is `true`. \n- **--calcite-action-bar-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width. \n- **--calcite-action-bar-items-space** - Specifies the space between slotted components in the component. \n- **--calcite-action-bar-shadow** - Specifies the component's shadow when `floating` is `true`. ",
           "attributes": [
             {
               "name": "actions-end-group-label",
@@ -440,12 +440,21 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "floating",
+              "description": "When `true`, the component is in a floating state.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "layout",
               "description": "Specifies the layout direction of the actions.",
               "default": "\"vertical\"",
               "value": {
                 "type": [
+                  "\"grid\"",
                   "\"horizontal\"",
                   "\"vertical\""
                 ]
@@ -514,7 +523,7 @@
           "events": [
             {
               "name": "calciteActionBarToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `expanded` property is toggled."
             }
           ],
@@ -535,10 +544,15 @@
                 "description": "When `true`, the component is expanded.",
                 "type": "boolean"
               },
+              {
+                "name": "floating",
+                "description": "When `true`, the component is in a floating state.",
+                "type": "boolean"
+              },
               {
                 "name": "layout",
                 "description": "Specifies the layout direction of the actions.",
-                "type": "\"horizontal\" | \"vertical\""
+                "type": "\"grid\" | \"horizontal\" | \"vertical\""
               },
               {
                 "name": "messageOverrides",
@@ -569,7 +583,7 @@
             "events": [
               {
                 "name": "calciteActionBarToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `expanded` property is toggled."
               }
             ]
@@ -861,7 +875,7 @@
           "events": [
             {
               "name": "calciteActionMenuOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `open` property is toggled."
             }
           ],
@@ -911,7 +925,7 @@
             "events": [
               {
                 "name": "calciteActionMenuOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `open` property is toggled."
               }
             ]
@@ -919,7 +933,7 @@
         },
         {
           "name": "calcite-action-pad",
-          "description": "### Events\n- **calciteActionPadToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s to the component.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-pad-corner-radius** - Specifies the component's border radius. \n- **--calcite-action-pad-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width when `expanded`. \n- **--calcite-action-pad-items-space** - Specifies the component's space between slotted components. ",
+          "description": "**Deprecated**: Use the `calcite-action-pad` component instead..\n--\n\n### Events\n- **calciteActionPadToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s to the component.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-pad-corner-radius** - Specifies the component's border radius. \n- **--calcite-action-pad-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width when `expanded`. \n- **--calcite-action-pad-items-space** - Specifies the component's space between slotted components. ",
           "attributes": [
             {
               "name": "actions-end-group-label",
@@ -1003,7 +1017,7 @@
           "events": [
             {
               "name": "calciteActionPadToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `expanded` property is toggled."
             }
           ],
@@ -1053,7 +1067,7 @@
             "events": [
               {
                 "name": "calciteActionPadToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `expanded` property is toggled."
               }
             ]
@@ -1202,22 +1216,22 @@
           "events": [
             {
               "name": "calciteAlertBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteAlertBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteAlertClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteAlertOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -1287,22 +1301,22 @@
             "events": [
               {
                 "name": "calciteAlertBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteAlertBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteAlertClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteAlertOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -1544,37 +1558,37 @@
           "events": [
             {
               "name": "calciteAutocompleteBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteAutocompleteBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteAutocompleteChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `value` is typed and committed."
             },
             {
               "name": "calciteAutocompleteClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteAutocompleteOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             },
             {
               "name": "calciteAutocompleteTextChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `inputValue` is typed and committed."
             },
             {
               "name": "calciteAutocompleteTextInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `inputValue` is typed."
             }
           ],
@@ -1729,37 +1743,37 @@
             "events": [
               {
                 "name": "calciteAutocompleteBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteAutocompleteBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteAutocompleteChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `value` is typed and committed."
               },
               {
                 "name": "calciteAutocompleteClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteAutocompleteOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               },
               {
                 "name": "calciteAutocompleteTextChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `inputValue` is typed and committed."
               },
               {
                 "name": "calciteAutocompleteTextInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `inputValue` is typed."
               }
             ]
@@ -2021,7 +2035,7 @@
         },
         {
           "name": "calcite-block",
-          "description": "### Events\n- **calciteBlockBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteBlockBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockClose** - Fires when the component is closed and animation is complete.\n- **calciteBlockOpen** - Fires when the component is open and animation is complete.\n- **calciteBlockSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteBlockSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteBlockSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteBlockToggle** - Fires when the component's header is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first tabbable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n- **icon** - [Deprecated] A slot for adding a leading header icon with `calcite-icon`. Use `icon-start` instead.\n- **content-start** - A slot for adding non-actionable elements before content of the component.\n- **control** - [Deprecated] A slot for adding a single HTML input element in a header. Use `actions-end` instead.\n- **header-menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n\n### CSS Properties\n- **--calcite-block-border-color** - Specifies the component's border color. \n- **--calcite-block-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-block-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-block-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-block-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-block-heading-text-color-press** - When the component is `expanded`, specifies the `heading` text color. \n- **--calcite-block-padding** - [Deprecated] Specifies the padding of the component's `default` slot. \n- **--calcite-block-text-color** - Specifies the component's text color. ",
+          "description": "### Events\n- **calciteBlockBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteBlockBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockClose** - Fires when the component is closed and animation is complete.\n- **calciteBlockOpen** - Fires when the component is open and animation is complete.\n- **calciteBlockSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteBlockSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteBlockSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteBlockToggle** - Fires when the component's header is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first tabbable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n- **icon** - [Deprecated] A slot for adding a leading header icon with `calcite-icon`. Use `icon-start` instead.\n- **content-start** - A slot for adding non-actionable elements before content of the component.\n- **control** - [Deprecated] A slot for adding a single HTML input element in a header. Use `actions-end` instead.\n- **header-menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n\n### CSS Properties\n- **--calcite-block-border-color** - Specifies the component's border color. \n- **--calcite-block-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-block-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-block-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-block-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-block-heading-text-color-press** - When the component is `expanded`, specifies the `heading` text color. \n- **--calcite-block-padding** - [Deprecated] Specifies the padding of the component's `default` slot. \n- **--calcite-block-text-color** - Specifies the component's text color. \n- **--calcite-block-description-text-color** - Specifies the component's `description` text color. \n- **--calcite-block-icon-color** - Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color. \n- **--calcite-block-icon-color-hover** - Specifies the component's `collapsible` icon color when hovered. ",
           "attributes": [
             {
               "name": "collapsible",
@@ -2229,47 +2243,47 @@
           "events": [
             {
               "name": "calciteBlockBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteBlockBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteBlockClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteBlockOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             },
             {
               "name": "calciteBlockSortHandleBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteBlockSortHandleBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteBlockSortHandleClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is closed and animation is complete."
             },
             {
               "name": "calciteBlockSortHandleOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is open and animation is complete."
             },
             {
               "name": "calciteBlockToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's header is clicked."
             }
           ],
@@ -2379,47 +2393,47 @@
             "events": [
               {
                 "name": "calciteBlockBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteBlockBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteBlockClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteBlockOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               },
               {
                 "name": "calciteBlockSortHandleBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteBlockSortHandleBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteBlockSortHandleClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is closed and animation is complete."
               },
               {
                 "name": "calciteBlockSortHandleOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is open and animation is complete."
               },
               {
                 "name": "calciteBlockToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's header is clicked."
               }
             ]
@@ -2642,7 +2656,7 @@
           "events": [
             {
               "name": "calciteBlockSectionToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the header has been clicked."
             }
           ],
@@ -2697,7 +2711,7 @@
             "events": [
               {
                 "name": "calciteBlockSectionToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the header has been clicked."
               }
             ]
@@ -3107,7 +3121,7 @@
           "events": [
             {
               "name": "calciteCardSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected."
             }
           ],
@@ -3152,7 +3166,7 @@
             "events": [
               {
                 "name": "calciteCardSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected."
               }
             ]
@@ -3200,7 +3214,7 @@
           "events": [
             {
               "name": "calciteCardGroupSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component's selection changes and the `selectionMode` is not `none`."
             }
           ],
@@ -3230,7 +3244,7 @@
             "events": [
               {
                 "name": "calciteCardGroupSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component's selection changes and the `selectionMode` is not `none`."
               }
             ]
@@ -3305,27 +3319,27 @@
           "events": [
             {
               "name": "calciteCarouselChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the selected `calcite-carousel-item` changes."
             },
             {
               "name": "calciteCarouselPause",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content"
             },
             {
               "name": "calciteCarouselPlay",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the carousel autoplay is invoked by the user."
             },
             {
               "name": "calciteCarouselResume",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content"
             },
             {
               "name": "calciteCarouselStop",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the carousel autoplay state is stopped by a user."
             }
           ],
@@ -3375,27 +3389,27 @@
             "events": [
               {
                 "name": "calciteCarouselChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the selected `calcite-carousel-item` changes."
               },
               {
                 "name": "calciteCarouselPause",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the carousel autoplay state pauses due to a user hovering over the component or focusing on the component or slotted content"
               },
               {
                 "name": "calciteCarouselPlay",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the carousel autoplay is invoked by the user."
               },
               {
                 "name": "calciteCarouselResume",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the carousel autoplay state resumes due to a user no longer hovering over the component or focusing on the component or slotted content"
               },
               {
                 "name": "calciteCarouselStop",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the carousel autoplay state is stopped by a user."
               }
             ]
@@ -3446,7 +3460,7 @@
         },
         {
           "name": "calcite-checkbox",
-          "description": "### Events\n- **calciteCheckboxChange** - Fires when the component's `checked` status changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-checkbox-size** - Specifies the component's height and width. \n- **--calcite-checkbox-border-color** - Specifies the component's color. \n- **--calcite-checkbox-border-color-hover** - Specifies the component's color when hovered. \n- **--calcite-checkbox-icon-color** - Specifies the component's font color. ",
+          "description": "### Events\n- **calciteCheckboxChange** - Fires when the component's `checked` status changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-checkbox-size** - Specifies the component's height and width. \n- **--calcite-checkbox-border-color** - Specifies the component's color. \n- **--calcite-checkbox-border-color-hover** - Specifies the component's color when hovered. \n- **--calcite-checkbox-icon-color** - Specifies the component's icon color. ",
           "attributes": [
             {
               "name": "checked",
@@ -3536,7 +3550,7 @@
           "events": [
             {
               "name": "calciteCheckboxChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's `checked` status changes."
             }
           ],
@@ -3601,7 +3615,7 @@
             "events": [
               {
                 "name": "calciteCheckboxChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's `checked` status changes."
               }
             ]
@@ -3730,12 +3744,12 @@
           "events": [
             {
               "name": "calciteChipClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's close button is selected."
             },
             {
               "name": "calciteChipSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the selected state of the component changes."
             }
           ],
@@ -3810,12 +3824,12 @@
             "events": [
               {
                 "name": "calciteChipClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's close button is selected."
               },
               {
                 "name": "calciteChipSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the selected state of the component changes."
               }
             ]
@@ -3875,7 +3889,7 @@
           "events": [
             {
               "name": "calciteChipGroupSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's selection changes."
             }
           ],
@@ -3910,7 +3924,7 @@
             "events": [
               {
                 "name": "calciteChipGroupSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's selection changes."
               }
             ]
@@ -4039,12 +4053,12 @@
           "events": [
             {
               "name": "calciteColorPickerChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the color value has changed."
             },
             {
               "name": "calciteColorPickerInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved."
             }
           ],
@@ -4119,12 +4133,12 @@
             "events": [
               {
                 "name": "calciteColorPickerChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the color value has changed."
               },
               {
                 "name": "calciteColorPickerInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved."
               }
             ]
@@ -4192,7 +4206,7 @@
           "events": [
             {
               "name": "calciteColorPickerHexInputChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emitted when the hex value changes."
             }
           ],
@@ -4232,7 +4246,7 @@
             "events": [
               {
                 "name": "calciteColorPickerHexInputChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emitted when the hex value changes."
               }
             ]
@@ -4425,6 +4439,14 @@
                 ]
               }
             },
+            {
+              "name": "select-all-enabled",
+              "description": "When `true` and `selectionMode` is `\"multiple\"` or `\"ancestors\"`, provides a checkbox for selecting all `calcite-combobox-item`s.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "selection-display",
               "description": "When `selectionMode` is `\"ancestors\"` or `\"multiple\"`, specifies the display of multiple `calcite-combobox-item` selections, where:\n\n`\"all\"` displays all selections with individual `calcite-chip`s,\n\n`\"fit\"` displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed, and\n\n`\"single\"` displays one `calcite-chip` with the total number of selections.",
@@ -4496,37 +4518,37 @@
           "events": [
             {
               "name": "calciteComboboxBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed, and before the closing transition begins."
             },
             {
               "name": "calciteComboboxBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteComboboxChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the selected item(s) changes."
             },
             {
               "name": "calciteComboboxChipClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a selected item in the component is closed via its `calcite-chip`."
             },
             {
               "name": "calciteComboboxClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteComboboxFilterChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when text is added to filter the options list."
             },
             {
               "name": "calciteComboboxOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -4585,7 +4607,7 @@
               {
                 "name": "messageOverrides",
                 "description": "Use this property to override individual strings used by the component.",
-                "type": "{\n    all?: string;\n    allSelected?: string;\n    clear?: string;\n    removeTag?: string;\n    selected?: string;\n}"
+                "type": "{\n    all?: string;\n    allSelected?: string;\n    selectAll?: string;\n    clear?: string;\n    removeTag?: string;\n    selected?: string;\n}"
               },
               {
                 "name": "name",
@@ -4632,6 +4654,11 @@
                 "description": "Specifies the size of the component.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
+              {
+                "name": "selectAllEnabled",
+                "description": "When `true` and `selectionMode` is `\"multiple\"` or `\"ancestors\"`, provides a checkbox for selecting all `calcite-combobox-item`s.",
+                "type": "boolean"
+              },
               {
                 "name": "selectedItems",
                 "description": "Specifies the component's selected items.",
@@ -4676,37 +4703,37 @@
             "events": [
               {
                 "name": "calciteComboboxBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed, and before the closing transition begins."
               },
               {
                 "name": "calciteComboboxBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteComboboxChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the selected item(s) changes."
               },
               {
                 "name": "calciteComboboxChipClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a selected item in the component is closed via its `calcite-chip`."
               },
               {
                 "name": "calciteComboboxClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteComboboxFilterChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when text is added to filter the options list."
               },
               {
                 "name": "calciteComboboxOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -4714,7 +4741,7 @@
         },
         {
           "name": "calcite-combobox-item",
-          "description": "### Events\n- **calciteComboboxItemChange** - Fires whenever the component is selected or unselected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding nested `calcite-combobox-item`s.\n- **content-end** - A slot for adding non-actionable elements after the component's content.\n- **content-start** - A slot for adding non-actionable elements before the component's content.\n\n### CSS Properties\n- **--calcite-combobox-text-color** - Specifies the component's text and `icon` color. \n- **--calcite-combobox-text-color-hover** - Specifies the component's text and `icon` color when hovered. \n- **--calcite-combobox-item-background-color-active** - Specifies the component's background color when active. \n- **--calcite-combobox-item-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-combobox-selected-icon-color** - Specifies the component's selected indicator icon color. \n- **--calcite-combobox-description-text-color** - Specifies the component's `description` and `shortHeading` text color. \n- **--calcite-combobox-description-text-color-press** - Specifies the component's `description` and `shortHeading` text color when hovered. \n- **--calcite-combobox-heading-text-color** - Specifies the component's `heading` text color. ",
+          "description": "### Events\n- **calciteComboboxItemChange** - Fires whenever the component is selected or unselected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding nested `calcite-combobox-item`s.\n- **content-end** - A slot for adding non-actionable elements after the component's content.\n- **content-start** - A slot for adding non-actionable elements before the component's content.\n\n### CSS Properties\n- **--calcite-combobox-item-border-color** - Specifies the component's border color. \n- **--calcite-combobox-text-color** - Specifies the component's text and `icon` color. \n- **--calcite-combobox-text-color-hover** - Specifies the component's text and `icon` color when hovered. \n- **--calcite-combobox-item-background-color-active** - Specifies the component's background color when active. \n- **--calcite-combobox-item-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-combobox-item-shadow** - Specifies the component's shadow. \n- **--calcite-combobox-selected-icon-color** - Specifies the component's selected indicator icon color. \n- **--calcite-combobox-description-text-color** - Specifies the component's `description` and `shortHeading` text color. \n- **--calcite-combobox-description-text-color-press** - Specifies the component's `description` and `shortHeading` text color when hovered. \n- **--calcite-combobox-heading-text-color** - Specifies the component's `heading` text color. ",
           "attributes": [
             {
               "name": "active",
@@ -4830,7 +4857,7 @@
           "events": [
             {
               "name": "calciteComboboxItemChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires whenever the component is selected or unselected."
             }
           ],
@@ -4915,7 +4942,7 @@
             "events": [
               {
                 "name": "calciteComboboxItemChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires whenever the component is selected or unselected."
               }
             ]
@@ -5070,12 +5097,12 @@
           "events": [
             {
               "name": "calciteDatePickerChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`."
             },
             {
               "name": "calciteDatePickerRangeChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`."
             }
           ],
@@ -5165,12 +5192,12 @@
             "events": [
               {
                 "name": "calciteDatePickerChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`."
               },
               {
                 "name": "calciteDatePickerRangeChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`."
               }
             ]
@@ -5789,27 +5816,27 @@
           "events": [
             {
               "name": "calciteDialogBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteDialogBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteDialogClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteDialogOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             },
             {
               "name": "calciteDialogScroll",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the content is scrolled."
             }
           ],
@@ -5929,27 +5956,27 @@
             "events": [
               {
                 "name": "calciteDialogBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteDialogBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteDialogClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteDialogOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               },
               {
                 "name": "calciteDialogScroll",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the content is scrolled."
               }
             ]
@@ -6092,27 +6119,27 @@
           "events": [
             {
               "name": "calciteDropdownBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteDropdownBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteDropdownClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteDropdownOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             },
             {
               "name": "calciteDropdownSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a `calcite-dropdown-item`'s selection changes."
             }
           ],
@@ -6192,27 +6219,27 @@
             "events": [
               {
                 "name": "calciteDropdownBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteDropdownBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteDropdownClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteDropdownOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               },
               {
                 "name": "calciteDropdownSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a `calcite-dropdown-item`'s selection changes."
               }
             ]
@@ -6361,7 +6388,7 @@
           "events": [
             {
               "name": "calciteDropdownItemSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is selected."
             }
           ],
@@ -6416,7 +6443,7 @@
             "events": [
               {
                 "name": "calciteDropdownItemSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is selected."
               }
             ]
@@ -6576,7 +6603,7 @@
         },
         {
           "name": "calcite-filter",
-          "description": "### Events\n- **calciteFilterChange** - Fires when the filter text changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `filter(value?: string): Promise<void>` - Performs a filter on the component.\n\nThis method can be useful because filtering is delayed and asynchronous.\n- `setFocus(): Promise<void>` - Sets focus on the component.",
+          "description": "### Events\n- **calciteFilterChange** - Fires when the filter text changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `filter(value?: string): Promise<void>` - Performs a filter on the component.\n\nThis method can be useful because filtering is delayed and asynchronous.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-filter-content-space** - Specifies the padding of the component's content. \n- **--calcite-filter-input-background-color** - Specifies the input's background color. \n- **--calcite-filter-input-border-color** - Specifies the input's border color. \n- **--calcite-filter-input-corner-radius** - Specifies the input's corner radius. \n- **--calcite-filter-input-shadow** - Specifies the shadow around the input. \n- **--calcite-filter-input-icon-color** - Specifies the input's icon color. \n- **--calcite-filter-input-text-color** - Specifies the input's text color. \n- **--calcite-filter-input-placeholder-text-color** - Specifies the input's placeholder text color. \n- **--calcite-filter-input-actions-background-color** - Specifies the background color of the input's `clearable` element. \n- **--calcite-filter-input-actions-background-color-hover** - Specifies the background color of the input's `clearable` element when hovered. \n- **--calcite-filter-input-actions-background-color-press** - Specifies the background color of the input's `clearable` element when pressed. \n- **--calcite-filter-input-actions-icon-color** - Specifies the icon color of the input's `clearable` element. \n- **--calcite-filter-input-actions-icon-color-hover** - Specifies the icon color of the input's `clearable` element when hovered. \n- **--calcite-filter-input-actions-icon-color-press** - Specifies the icon color of the input's `clearable` element when pressed. ",
           "attributes": [
             {
               "name": "disabled",
@@ -6623,7 +6650,7 @@
           "events": [
             {
               "name": "calciteFilterChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the filter text changes."
             }
           ],
@@ -6678,7 +6705,7 @@
             "events": [
               {
                 "name": "calciteFilterChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the filter text changes."
               }
             ]
@@ -6889,22 +6916,22 @@
           "events": [
             {
               "name": "calciteFlowItemBack",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the back button is clicked."
             },
             {
               "name": "calciteFlowItemClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the close button is clicked."
             },
             {
               "name": "calciteFlowItemScroll",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the content is scrolled."
             },
             {
               "name": "calciteFlowItemToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the collapse button is clicked."
             }
           ],
@@ -6999,22 +7026,22 @@
             "events": [
               {
                 "name": "calciteFlowItemBack",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the back button is clicked."
               },
               {
                 "name": "calciteFlowItemClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the close button is clicked."
               },
               {
                 "name": "calciteFlowItemScroll",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the content is scrolled."
               },
               {
                 "name": "calciteFlowItemToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the collapse button is clicked."
               }
             ]
@@ -7121,7 +7148,7 @@
           "events": [
             {
               "name": "calciteHandleChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires whenever the component is selected or unselected."
             },
             {
@@ -7156,7 +7183,7 @@
             "events": [
               {
                 "name": "calciteHandleChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires whenever the component is selected or unselected."
               },
               {
@@ -7303,12 +7330,12 @@
           "events": [
             {
               "name": "calciteInlineEditableEditCancel",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component's \"cancel editing\" button is pressed."
             },
             {
               "name": "calciteInlineEditableEditConfirm",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component's \"confirm edits\" button is pressed."
             }
           ],
@@ -7353,12 +7380,12 @@
             "events": [
               {
                 "name": "calciteInlineEditableEditCancel",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component's \"cancel editing\" button is pressed."
               },
               {
                 "name": "calciteInlineEditableEditConfirm",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component's \"confirm edits\" button is pressed."
               }
             ]
@@ -7653,12 +7680,12 @@
           "events": [
             {
               "name": "calciteInputChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `value` is typed and committed."
             },
             {
               "name": "calciteInputInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `value` is typed."
             }
           ],
@@ -7843,12 +7870,12 @@
             "events": [
               {
                 "name": "calciteInputChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `value` is typed and committed."
               },
               {
                 "name": "calciteInputInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `value` is typed."
               }
             ]
@@ -7895,6 +7922,13 @@
                 ]
               }
             },
+            {
+              "name": "label",
+              "description": "Accessible name for the component.",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "layout",
               "description": "Defines the layout of the component.",
@@ -8067,27 +8101,27 @@
           "events": [
             {
               "name": "calciteInputDatePickerBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteInputDatePickerBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteInputDatePickerChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's `value` changes."
             },
             {
               "name": "calciteInputDatePickerClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteInputDatePickerOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -8118,6 +8152,11 @@
                 "description": "Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.",
                 "type": "1 | 2 | 3 | 4 | 5 | 6"
               },
+              {
+                "name": "label",
+                "description": "Accessible name for the component.",
+                "type": "string"
+              },
               {
                 "name": "layout",
                 "description": "Defines the layout of the component.",
@@ -8237,27 +8276,27 @@
             "events": [
               {
                 "name": "calciteInputDatePickerBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteInputDatePickerBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteInputDatePickerChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's `value` changes."
               },
               {
                 "name": "calciteInputDatePickerClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteInputDatePickerOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -8345,7 +8384,7 @@
         },
         {
           "name": "calcite-input-number",
-          "description": "### Events\n- **calciteInputNumberChange** - Fires each time a new value is typed and committed.\n- **calciteInputNumberInput** - Fires each time a new value is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **action** - A slot for positioning a button next to the component.\n\n### CSS Properties\n- **--calcite-input-prefix-size** - Specifies the component's prefix width. \n- **--calcite-input-suffix-size** - Specifies the component's suffix width. ",
+          "description": "### Events\n- **calciteInputNumberChange** - Fires each time a new value is typed and committed.\n- **calciteInputNumberInput** - Fires each time a new value is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **action** - A slot for positioning a button next to the component.\n\n### CSS Properties\n- **--calcite-input-actions-background-color** - Specifies the background color of the component's `clearable` and `number-button-type` elements. \n- **--calcite-input-actions-background-color-hover** - Specifies the background color of the component's `clearable` and `number-button-type` elements. when hovered. \n- **--calcite-input-actions-background-color-press** - Specifies the background color of the component's `clearable` and `number-button-type` elements. when pressed. \n- **--calcite-input-actions-icon-color** - Specifies the icon color of the component's `clearable` and `number-button-type` elements. \n- **--calcite-input-actions-icon-color-hover** - Specifies the icon color of the component's `clearable` and `number-button-type` elements. when hovered. \n- **--calcite-input-actions-icon-color-press** - Specifies the icon color of the component's `clearable` and `number-button-type` elements. when pressed. \n- **--calcite-input-loading-background-color** - Specifies the background color of the `loading` element. \n- **--calcite-input-loading-fill-color** - Specifies the fill color of the `loading` element. \n- **--calcite-input-number-background-color** - Specifies the background color of the component. \n- **--calcite-input-number-border-color** - Specifies the border color of the component. \n- **--calcite-input-number-corner-radius** - Specifies the border radius of the component. \n- **--calcite-input-number-height** - Specifies the height of the component. \n- **--calcite-input-number-placeholder-text-color** - Specifies the text color of the placeholder in the component. \n- **--calcite-input-number-text-color** - Specifies the text color of the component. \n- **--calcite-input-number-text-color-focus** - Specifies the text color of the component when focused. \n- **--calcite-input-prefix-background-color** - Specifies the background color of the prefix element. \n- **--calcite-input-prefix-size** - Specifies the width of the prefix element. \n- **--calcite-input-prefix-text-color** - Specifies the text color of the prefix element. \n- **--calcite-input-suffix-background-color** - Specifies the background color of the suffix element. \n- **--calcite-input-suffix-size** - Specifies the width of the suffix element. \n- **--calcite-input-suffix-text-color** - Specifies the text color of the suffix element. ",
           "attributes": [
             {
               "name": "alignment",
@@ -8593,12 +8632,12 @@
           "events": [
             {
               "name": "calciteInputNumberChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new value is typed and committed."
             },
             {
               "name": "calciteInputNumberInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new value is typed."
             }
           ],
@@ -8763,12 +8802,12 @@
             "events": [
               {
                 "name": "calciteInputNumberChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new value is typed and committed."
               },
               {
                 "name": "calciteInputNumberInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new value is typed."
               }
             ]
@@ -8968,12 +9007,12 @@
           "events": [
             {
               "name": "calciteInputTextChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new value is typed and committed."
             },
             {
               "name": "calciteInputTextInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new value is typed."
             }
           ],
@@ -9108,12 +9147,12 @@
             "events": [
               {
                 "name": "calciteInputTextChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new value is typed and committed."
               },
               {
                 "name": "calciteInputTextInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new value is typed."
               }
             ]
@@ -9121,7 +9160,7 @@
         },
         {
           "name": "calcite-input-time-picker",
-          "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is changes.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(): Promise<void>` - Sets focus on the component.",
+          "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is modified by the user.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(): Promise<void>` - Sets focus on the component.",
           "attributes": [
             {
               "name": "disabled",
@@ -9315,27 +9354,27 @@
           "events": [
             {
               "name": "calciteInputTimePickerBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteInputTimePickerBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteInputTimePickerChange",
-              "type": "undefined",
-              "description": "Fires when the component's `value` is changes."
+              "type": "void",
+              "description": "Fires when the component's `value` is modified by the user."
             },
             {
               "name": "calciteInputTimePickerClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteInputTimePickerOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -9369,7 +9408,7 @@
               {
                 "name": "messageOverrides",
                 "description": "Use this property to override individual strings used by the component.",
-                "type": "{\n    chooseTime?: string;\n} & {\n    fractionalSecond?: string;\n    fractionalSecondDown?: string;\n    fractionalSecondUp?: string;\n    hour?: string;\n    hourDown?: string;\n    hourUp?: string;\n    meridiem?: string;\n    meridiemDown?: string;\n    meridiemUp?: string;\n    minute?: string;\n    minuteDown?: string;\n    minuteUp?: string;\n    second?: string;\n    secondDown?: string;\n    secondUp?: string;\n}"
+                "type": "{\n    chooseTime?: string;\n    fractionalSecond?: string;\n    fractionalSecondDown?: string;\n    fractionalSecondUp?: string;\n    hour?: string;\n    hourDown?: string;\n    hourUp?: string;\n    meridiem?: string;\n    meridiemDown?: string;\n    meridiemUp?: string;\n    minute?: string;\n    minuteDown?: string;\n    minuteUp?: string;\n    second?: string;\n    secondDown?: string;\n    secondUp?: string;\n} & {\n    fractionalSecond?: string;\n    fractionalSecondDown?: string;\n    fractionalSecondUp?: string;\n    hour?: string;\n    hourDown?: string;\n    hourUp?: string;\n    meridiem?: string;\n    meridiemDown?: string;\n    meridiemUp?: string;\n    minute?: string;\n    minuteDown?: string;\n    minuteUp?: string;\n    second?: string;\n    secondDown?: string;\n    secondUp?: string;\n}"
               },
               {
                 "name": "min",
@@ -9450,27 +9489,27 @@
             "events": [
               {
                 "name": "calciteInputTimePickerBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteInputTimePickerBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteInputTimePickerChange",
-                "type": "undefined",
-                "description": "Fires when the component's `value` is changes."
+                "type": "void",
+                "description": "Fires when the component's `value` is modified by the user."
               },
               {
                 "name": "calciteInputTimePickerClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteInputTimePickerOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -9628,27 +9667,27 @@
           "events": [
             {
               "name": "calciteInputTimeZoneBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteInputTimeZoneBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteInputTimeZoneChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's `value` changes."
             },
             {
               "name": "calciteInputTimeZoneClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires after the component is closed and animation is complete."
             },
             {
               "name": "calciteInputTimeZoneOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires after the component is opened and animation is complete."
             }
           ],
@@ -9748,27 +9787,27 @@
             "events": [
               {
                 "name": "calciteInputTimeZoneBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteInputTimeZoneBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteInputTimeZoneChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's `value` changes."
               },
               {
                 "name": "calciteInputTimeZoneClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires after the component is closed and animation is complete."
               },
               {
                 "name": "calciteInputTimeZoneOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires after the component is opened and animation is complete."
               }
             ]
@@ -10140,7 +10179,7 @@
           "events": [
             {
               "name": "calciteListChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's selected items have changed."
             },
             {
@@ -10155,7 +10194,7 @@
             },
             {
               "name": "calciteListFilter",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's filter has changed."
             },
             {
@@ -10290,7 +10329,7 @@
             "events": [
               {
                 "name": "calciteListChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's selected items have changed."
               },
               {
@@ -10305,7 +10344,7 @@
               },
               {
                 "name": "calciteListFilter",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's filter has changed."
               },
               {
@@ -10489,37 +10528,37 @@
           "events": [
             {
               "name": "calciteListItemClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the close button is clicked."
             },
             {
               "name": "calciteListItemSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is selected."
             },
             {
               "name": "calciteListItemSortHandleBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteListItemSortHandleBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteListItemSortHandleClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is closed and animation is complete."
             },
             {
               "name": "calciteListItemSortHandleOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the sort handle is open and animation is complete."
             },
             {
               "name": "calciteListItemToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the open button is clicked."
             }
           ],
@@ -10619,37 +10658,37 @@
             "events": [
               {
                 "name": "calciteListItemClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the close button is clicked."
               },
               {
                 "name": "calciteListItemSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is selected."
               },
               {
                 "name": "calciteListItemSortHandleBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteListItemSortHandleBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteListItemSortHandleClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is closed and animation is complete."
               },
               {
                 "name": "calciteListItemSortHandleOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the sort handle is open and animation is complete."
               },
               {
                 "name": "calciteListItemToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the open button is clicked."
               }
             ]
@@ -10955,7 +10994,7 @@
           "events": [
             {
               "name": "calciteMenuItemSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component is selected."
             }
           ],
@@ -11025,7 +11064,7 @@
             "events": [
               {
                 "name": "calciteMenuItemSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component is selected."
               }
             ]
@@ -11435,22 +11474,22 @@
           "events": [
             {
               "name": "calciteModalBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteModalBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteModalClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteModalOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -11525,22 +11564,22 @@
             "events": [
               {
                 "name": "calciteModalBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteModalBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteModalClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteModalOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -11607,7 +11646,7 @@
           "events": [
             {
               "name": "calciteNavigationActionSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "When `navigationAction` is `true`, emits when the displayed action selection changes."
             }
           ],
@@ -11627,7 +11666,7 @@
             "events": [
               {
                 "name": "calciteNavigationActionSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "When `navigationAction` is `true`, emits when the displayed action selection changes."
               }
             ]
@@ -11886,7 +11925,7 @@
         },
         {
           "name": "calcite-notice",
-          "description": "Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\nnotices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\nThey are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\nto display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n--\n\n### Events\n- **calciteNoticeBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteNoticeBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteNoticeClose** - Fires when the component is closed and animation is complete.\n- **calciteNoticeOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- **title** - A slot for adding the title.\n- **message** - A slot for adding the message.\n- **link** - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n\n### CSS Properties\n- **--calcite-notice-background-color** - Specifies the component's background color. \n- **--calcite-notice-close-background-color-focus** - Specifies the component's background color when focused. \n- **--calcite-notice-close-background-color-press** - Specifies the component's background color when active. \n- **--calcite-notice-close-text-color-hover** - Specifies the background color of the component's close button when hovered. \n- **--calcite-notice-close-text-color** - Specifies the text color of the component's close button. \n- **--calcite-notice-content-text-color** - Specifies the component's content text color. \n- **--calcite-notice-width** - [Deprecated] Specifies the component's width. ",
+          "description": "Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\nnotices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\nThey are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\nto display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n--\n\n### Events\n- **calciteNoticeBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteNoticeBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteNoticeClose** - Fires when the component is closed and animation is complete.\n- **calciteNoticeOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- **title** - A slot for adding the title.\n- **message** - A slot for adding the message.\n- **link** - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n\n### CSS Properties\n- **--calcite-notice-background-color** - Specifies the component's background color. \n- **--calcite-notice-close-background-color-focus** - Specifies the component's background color when focused. \n- **--calcite-notice-close-background-color-press** - Specifies the component's background color when active. \n- **--calcite-notice-close-icon-color-hover** - Specifies the background color of the component's close button when hovered. \n- **--calcite-notice-close-icon-color** - Specifies the text color of the component's close button. \n- **--calcite-notice-title-text-color** - Specifies the component's title text color. \n- **--calcite-notice-content-text-color** - Specifies the component's content text color. \n- **--calcite-notice-width** - [Deprecated] Specifies the component's width. \n- **--calcite-notice-close-text-color-hover** - [Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered. \n- **--calcite-notice-close-text-color** - [Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button. ",
           "attributes": [
             {
               "name": "closable",
@@ -11982,22 +12021,22 @@
           "events": [
             {
               "name": "calciteNoticeBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteNoticeBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteNoticeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteNoticeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -12047,22 +12086,22 @@
             "events": [
               {
                 "name": "calciteNoticeBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteNoticeBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteNoticeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteNoticeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -12236,7 +12275,7 @@
           "events": [
             {
               "name": "calcitePaginationChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the selected page changes."
             }
           ],
@@ -12281,7 +12320,7 @@
             "events": [
               {
                 "name": "calcitePaginationChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the selected page changes."
               }
             ]
@@ -12289,7 +12328,7 @@
         },
         {
           "name": "calcite-panel",
-          "description": "### Events\n- **calcitePanelClose** - Fires when the close button is clicked.\n- **calcitePanelScroll** - Fires when the content is scrolled.\n- **calcitePanelToggle** - Fires when the collapse button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n- **alerts** - A slot for adding `calcite-alert`s to the component.\n- **content-bottom** - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n- **content-top** - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n- **header-actions-start** - A slot for adding actions or content to the start side of the header.\n- **header-actions-end** - A slot for adding actions or content to the end side of the header.\n- **header-content** - A slot for adding custom content to the header.\n- **header-menu-actions** - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n- **fab** - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n- **footer** - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n- **footer-actions** - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n- **footer-end** - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n- **footer-start** - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n\n### CSS Properties\n- **--calcite-panel-corner-radius** - Specifies the component's corner radius. \n- **--calcite-panel-heading-text-color** - Specifies the text color of the component's `heading`. \n- **--calcite-panel-description-text-color** - Specifies the text color of the component's `description`. \n- **--calcite-panel-border-color** - Specifies the component's border color. \n- **--calcite-panel-background-color** - Specifies the component's background color. \n- **--calcite-panel-header-background-color** - Specifies the background color of the component's header. \n- **--calcite-panel-header-action-background-color** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-background-color-hover** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered. \n- **--calcite-panel-header-action-background-color-press** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-panel-header-action-text-color** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-text-color-press** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-panel-footer-background-color** - Specifies the background color of the component's footer. \n- **--calcite-panel-space** - Specifies the padding of the component's `\"unnamed (default)\"` slot. \n- **--calcite-panel-header-content-space** - Specifies the padding of the `\"header-content\"` slot. \n- **--calcite-panel-footer-space** - Specifies the padding of the component's footer. \n- **--calcite-popover-border-color** - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s. \n- **--calcite-panel-content-space** - [Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content. \n- **--calcite-panel-footer-padding** - [Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer. \n- **--calcite-panel-header-border-block-end** - [Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border. ",
+          "description": "### Events\n- **calcitePanelClose** - Fires when the close button is clicked.\n- **calcitePanelScroll** - Fires when the content is scrolled.\n- **calcitePanelToggle** - Fires when the collapse button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n- **alerts** - A slot for adding `calcite-alert`s to the component.\n- **content-bottom** - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n- **content-top** - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n- **header-actions-start** - A slot for adding actions or content to the start side of the header.\n- **header-actions-end** - A slot for adding actions or content to the end side of the header.\n- **header-content** - A slot for adding custom content to the header.\n- **header-menu-actions** - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n- **fab** - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n- **footer** - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n- **footer-actions** - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n- **footer-end** - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n- **footer-start** - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n\n### CSS Properties\n- **--calcite-panel-corner-radius** - Specifies the component's corner radius. \n- **--calcite-panel-heading-text-color** - Specifies the text color of the component's `heading`. \n- **--calcite-panel-description-text-color** - Specifies the text color of the component's `description`. \n- **--calcite-panel-border-color** - Specifies the component's border color. \n- **--calcite-panel-background-color** - Specifies the component's background color. \n- **--calcite-panel-header-background-color** - Specifies the background color of the component's header. \n- **--calcite-panel-header-action-background-color** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-background-color-hover** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered. \n- **--calcite-panel-header-action-background-color-press** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-panel-header-action-text-color** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-text-color-press** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered. \n- **--calcite-panel-footer-background-color** - Specifies the background color of the component's footer. \n- **--calcite-panel-space** - Specifies the padding of the component's `\"unnamed (default)\"` slot. \n- **--calcite-panel-header-content-space** - Specifies the padding of the `\"header-content\"` slot. \n- **--calcite-panel-footer-space** - Specifies the padding of the component's footer. \n- **--calcite-popover-border-color** - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s. \n- **--calcite-panel-content-space** - [Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content. \n- **--calcite-panel-footer-padding** - [Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer. \n- **--calcite-panel-header-border-block-end** - [Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border. ",
           "attributes": [
             {
               "name": "closable",
@@ -12490,17 +12529,17 @@
           "events": [
             {
               "name": "calcitePanelClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the close button is clicked."
             },
             {
               "name": "calcitePanelScroll",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the content is scrolled."
             },
             {
               "name": "calcitePanelToggle",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the collapse button is clicked."
             }
           ],
@@ -12590,17 +12629,17 @@
             "events": [
               {
                 "name": "calcitePanelClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the close button is clicked."
               },
               {
                 "name": "calcitePanelScroll",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the content is scrolled."
               },
               {
                 "name": "calcitePanelToggle",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the collapse button is clicked."
               }
             ]
@@ -12780,22 +12819,22 @@
           "events": [
             {
               "name": "calcitePopoverBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calcitePopoverBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calcitePopoverClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calcitePopoverOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -12900,22 +12939,22 @@
             "events": [
               {
                 "name": "calcitePopoverBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calcitePopoverBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calcitePopoverClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calcitePopoverOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -13001,7 +13040,7 @@
         },
         {
           "name": "calcite-radio-button",
-          "description": "### Events\n- **calciteRadioButtonChange** - Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.",
+          "description": "### Events\n- **calciteRadioButtonChange** - Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-radio-button-background-color** - Specifies the component's background color. \n- **--calcite-radio-button-border-color** - Specifies the component's border color. \n- **--calcite-radio-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-radio-button-size** - Specifies the component's size. \n- **--calcite-radio-size** - [Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size. ",
           "attributes": [
             {
               "name": "checked",
@@ -13064,7 +13103,7 @@
           "events": [
             {
               "name": "calciteRadioButtonChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`."
             }
           ],
@@ -13109,7 +13148,7 @@
             "events": [
               {
                 "name": "calciteRadioButtonChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`."
               }
             ]
@@ -13117,7 +13156,7 @@
         },
         {
           "name": "calcite-radio-button-group",
-          "description": "### Events\n- **calciteRadioButtonGroupChange** - Fires when the component has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the fist focusable `calcite-radio-button` element in the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-radio-button`s.",
+          "description": "### Events\n- **calciteRadioButtonGroupChange** - Fires when the component has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the fist focusable `calcite-radio-button` element in the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-radio-button`s.\n\n### CSS Properties\n- **--calcite-radio-button-group-gap** - Specifies the space between slotted components in the component. \n- **--calcite-radio-button-input-message-spacing** - Specifies the margin spacing at the top of the input-message component. ",
           "attributes": [
             {
               "name": "disabled",
@@ -13205,7 +13244,7 @@
           "events": [
             {
               "name": "calciteRadioButtonGroupChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component has changed."
             }
           ],
@@ -13260,7 +13299,7 @@
             "events": [
               {
                 "name": "calciteRadioButtonGroupChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component has changed."
               }
             ]
@@ -13374,7 +13413,7 @@
           "events": [
             {
               "name": "calciteRatingChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's value changes."
             }
           ],
@@ -13454,7 +13493,7 @@
             "events": [
               {
                 "name": "calciteRatingChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's value changes."
               }
             ]
@@ -13622,7 +13661,7 @@
           "events": [
             {
               "name": "calciteSegmentedControlChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `calcite-segmented-control-item` selection changes."
             }
           ],
@@ -13702,7 +13741,7 @@
             "events": [
               {
                 "name": "calciteSegmentedControlChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `calcite-segmented-control-item` selection changes."
               }
             ]
@@ -13893,7 +13932,7 @@
           "events": [
             {
               "name": "calciteSelectChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `selectedOption` changes."
             }
           ],
@@ -13968,7 +14007,7 @@
             "events": [
               {
                 "name": "calciteSelectChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `selectedOption` changes."
               }
             ]
@@ -13976,7 +14015,7 @@
         },
         {
           "name": "calcite-sheet",
-          "description": "### Events\n- **calciteSheetBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteSheetBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteSheetClose** - Fires when the component is closed and animation is complete.\n- **calciteSheetOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's \"close\" button - the first focusable item.\n- `updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>` - Updates the element(s) that are included in the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-sheet-scrim-background** - Specifies the background color of the sheet scrim. \n- **--calcite-sheet-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component. \n- **--calcite-sheet-max-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component. \n- **--calcite-sheet-min-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component. \n- **--calcite-sheet-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component. \n- **--calcite-sheet-max-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component. \n- **--calcite-sheet-min-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component. ",
+          "description": "### Events\n- **calciteSheetBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteSheetBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteSheetClose** - Fires when the component is closed and animation is complete.\n- **calciteSheetOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's \"close\" button - the first focusable item.\n- `updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>` - Updates the element(s) that are included in the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-sheet-background-color** - Specifies the background color of the sheet. \n- **--calcite-sheet-corner-radius** - Specifies the corner radius of the component. \n- **--calcite-sheet-shadow** - Specifies the shadow of the component. \n- **--calcite-sheet-text-color** - Specifies the text color of the component. \n- **--calcite-sheet-resize-background-color** - Specifies the background color of the resize handle. \n- **--calcite-sheet-resize-icon-color** - Specifies the text color of the resize handle. \n- **--calcite-sheet-scrim-background** - Specifies the background color of the sheet scrim. \n- **--calcite-sheet-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component. \n- **--calcite-sheet-max-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component. \n- **--calcite-sheet-min-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component. \n- **--calcite-sheet-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component. \n- **--calcite-sheet-max-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component. \n- **--calcite-sheet-min-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component. ",
           "attributes": [
             {
               "name": "display-mode",
@@ -14105,22 +14144,22 @@
           "events": [
             {
               "name": "calciteSheetBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteSheetBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteSheetClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteSheetOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -14205,22 +14244,22 @@
             "events": [
               {
                 "name": "calciteSheetBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteSheetBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteSheetClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteSheetOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -14371,7 +14410,7 @@
         },
         {
           "name": "calcite-shell-panel",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n\n### CSS Properties\n- **--calcite-shell-panel-width** - Specifies the width of the component. \n- **--calcite-shell-panel-max-width** - Specifies the maximum width of the component. \n- **--calcite-shell-panel-min-width** - Specifies the minimum width of the component. \n- **--calcite-shell-panel-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component. \n- **--calcite-shell-panel-max-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component. \n- **--calcite-shell-panel-min-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component. \n- **--calcite-shell-panel-z-index** - Specifies the z-index value for the component. \n- **--calcite-shell-panel-border-color** - When `displayMode` is `\"float-all\"`, specifies the component's border color. \n- **--calcite-shell-panel-corner-radius** - When `displayMode` is `\"float-all\"`, specifies the component's corner radius \n- **--calcite-shell-panel-shadow** - When `displayMode` is `\"float-all\"`, specifies the component's shadow. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n\n### CSS Properties\n- **--calcite-shell-panel-background-color** - Specifies the background color of the component. \n- **--calcite-shell-panel-border-color** - When `displayMode` is `\"float-all\"`, specifies the component's border color. \n- **--calcite-shell-panel-corner-radius** - When `displayMode` is `\"float-all\"`, specifies the component's corner radius \n- **--calcite-shell-panel-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component. \n- **--calcite-shell-panel-max-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component. \n- **--calcite-shell-panel-max-width** - Specifies the maximum width of the component. \n- **--calcite-shell-panel-min-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component. \n- **--calcite-shell-panel-min-width** - Specifies the minimum width of the component. \n- **--calcite-shell-panel-resize-background-color** - Specifies the background color of the resize handle. \n- **--calcite-shell-panel-resize-icon-color** - Specifies the text color of the resize handle. \n- **--calcite-shell-panel-shadow** - When `displayMode` is `\"float-all\"`, specifies the component's shadow. \n- **--calcite-shell-panel-text-color** - Specifies the text color of the component. \n- **--calcite-shell-panel-width** - Specifies the width of the component. \n- **--calcite-shell-panel-z-index** - Specifies the z-index value for the component. ",
           "attributes": [
             {
               "name": "collapsed",
@@ -14770,12 +14809,12 @@
           "events": [
             {
               "name": "calciteSliderChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the thumb is released on the component.\n\nNote: To constantly listen to the drag event,\nuse `calciteSliderInput` instead."
             },
             {
               "name": "calciteSliderInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires on all updates to the component.\n\nNote: Fires frequently during drag. To perform\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread."
             }
           ],
@@ -14940,12 +14979,12 @@
             "events": [
               {
                 "name": "calciteSliderChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the thumb is released on the component.\n\nNote: To constantly listen to the drag event,\nuse `calciteSliderInput` instead."
               },
               {
                 "name": "calciteSliderInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires on all updates to the component.\n\nNote: Fires frequently during drag. To perform\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread."
               }
             ]
@@ -15045,17 +15084,17 @@
           "events": [
             {
               "name": "calciteSortHandleBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteSortHandleBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteSortHandleClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
@@ -15065,7 +15104,7 @@
             },
             {
               "name": "calciteSortHandleOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             },
             {
@@ -15140,17 +15179,17 @@
             "events": [
               {
                 "name": "calciteSortHandleBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteSortHandleBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteSortHandleClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
@@ -15160,7 +15199,7 @@
               },
               {
                 "name": "calciteSortHandleOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               },
               {
@@ -15235,7 +15274,7 @@
           "events": [
             {
               "name": "calciteListOrderChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emitted when the order of the list has changed."
             }
           ],
@@ -15285,7 +15324,7 @@
             "events": [
               {
                 "name": "calciteListOrderChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emitted when the order of the list has changed."
               }
             ]
@@ -15488,12 +15527,12 @@
           "events": [
             {
               "name": "calciteSplitButtonPrimaryClick",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the primary button is clicked."
             },
             {
               "name": "calciteSplitButtonSecondaryClick",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the dropdown menu is clicked."
             }
           ],
@@ -15603,12 +15642,12 @@
             "events": [
               {
                 "name": "calciteSplitButtonPrimaryClick",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the primary button is clicked."
               },
               {
                 "name": "calciteSplitButtonSecondaryClick",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the dropdown menu is clicked."
               }
             ]
@@ -15663,7 +15702,7 @@
         },
         {
           "name": "calcite-stepper",
-          "description": "### Events\n- **calciteStepperChange** - Fires when the active `calcite-stepper-item` changes.\n- **calciteStepperItemChange** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `endStep(): Promise<void>` - Set the last `calcite-stepper-item` as active.\n- `goToStep(step: number): Promise<void>` - Set a specified `calcite-stepper-item` as active.\n- `nextStep(): Promise<void>` - Set the next `calcite-stepper-item` as active.\n- `prevStep(): Promise<void>` - Set the previous `calcite-stepper-item` as active.\n- `startStep(): Promise<void>` - Set the first `calcite-stepper-item` as active.\n\n### Slots\n- _default_ - A slot for adding `calcite-stepper-item` elements.",
+          "description": "### Events\n- **calciteStepperChange** - Fires when the active `calcite-stepper-item` changes.\n- **calciteStepperItemChange** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `endStep(): Promise<void>` - Set the last `calcite-stepper-item` as active.\n- `goToStep(step: number): Promise<void>` - Set a specified `calcite-stepper-item` as active.\n- `nextStep(): Promise<void>` - Set the next `calcite-stepper-item` as active.\n- `prevStep(): Promise<void>` - Set the previous `calcite-stepper-item` as active.\n- `startStep(): Promise<void>` - Set the first `calcite-stepper-item` as active.\n\n### Slots\n- _default_ - A slot for adding `calcite-stepper-item` elements.\n\n### CSS Properties\n- **--calcite-stepper-bar-gap** - Specifies the space between items in the step bar. \n- **--calcite-stepper-bar-inactive-fill-color** - Specifies the fill color of items in the step bar. \n- **--calcite-stepper-bar-active-fill-color** - Specifies the fill color of active items in the step bar. \n- **--calcite-stepper-bar-complete-fill-color** - Specifies the fill color of complete items in the step bar. \n- **--calcite-stepper-bar-error-fill-color** - Specifies the fill color of error items in the step bar. ",
           "attributes": [
             {
               "name": "icon",
@@ -15726,12 +15765,12 @@
           "events": [
             {
               "name": "calciteStepperChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the active `calcite-stepper-item` changes."
             },
             {
               "name": "calciteStepperItemChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the active `calcite-stepper-item` changes."
             }
           ],
@@ -15776,12 +15815,12 @@
             "events": [
               {
                 "name": "calciteStepperChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the active `calcite-stepper-item` changes."
               },
               {
                 "name": "calciteStepperItemChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the active `calcite-stepper-item` changes."
               }
             ]
@@ -15789,7 +15828,7 @@
         },
         {
           "name": "calcite-stepper-item",
-          "description": "### Events\n- **calciteStepperItemSelect** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content.",
+          "description": "### Events\n- **calciteStepperItemSelect** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-stepper-item-background-color-press** - Specifies the component's background-color when active. \n- **--calcite-stepper-item-header-text-color** - Specifies the component's header text color. \n- **--calcite-stepper-item-header-text-color-hover** - Specifies the component's header text color when hovered or focused. \n- **--calcite-stepper-item-selected-header-text-color** - Specifies the component's header text color when selected. \n- **--calcite-stepper-item-icon-color** - Specifies the component's icon color. \n- **--calcite-stepper-item-complete-icon-color** - Specifies the component's icon color when complete. \n- **--calcite-stepper-item-error-icon-color** - Specifies the component's icon and number color when in error. \n- **--calcite-stepper-item-selected-icon-color** - Specifies the component's icon and number color when selected. \n- **--calcite-stepper-item-description-text-color** - Specifies the component's description and number text color. \n- **--calcite-stepper-item-description-text-color-hover** - Specifies the component's description text color when hovered, focused or selected. \n- **--calcite-stepper-bar-gap** - Specifies the component's bottom spacing. \n- **--calcite-stepper-bar-fill-color** - Specifies the component's fill color. \n- **--calcite-stepper-bar-fill-color-hover** - Specifies the component's fill color when hovered or focused. \n- **--calcite-stepper-bar-complete-fill-color** - Specifies the component's fill color when complete. \n- **--calcite-stepper-bar-complete-fill-color-hover** - When item is complete, specifies the component's fill color when hovered or focused. \n- **--calcite-stepper-bar-error-fill-color** - Specifies the component's fill color when in error. \n- **--calcite-stepper-bar-error-fill-color-hover** - When item is error, specifies the component's fill color when hovered or focused. \n- **--calcite-stepper-bar-selected-fill-color** - Specifies the component's fill color when selected. ",
           "attributes": [
             {
               "name": "complete",
@@ -15855,7 +15894,7 @@
           "events": [
             {
               "name": "calciteStepperItemSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the active `calcite-stepper-item` changes."
             }
           ],
@@ -15905,7 +15944,7 @@
             "events": [
               {
                 "name": "calciteStepperItemSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the active `calcite-stepper-item` changes."
               }
             ]
@@ -15913,7 +15952,7 @@
         },
         {
           "name": "calcite-switch",
-          "description": "### Events\n- **calciteSwitchChange** - Fires when the `checked` value has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-switch-background-color** - Specifies the component's background color. \n- **--calcite-switch-border-color** - Specifies the component's border color. \n- **--calcite-switch-corner-radius** - Specifies the component's corner radius. \n- **--calcite-switch-handle-background-color** - Specifies the handle's background color. \n- **--calcite-switch-handle-border-color** - Specifies the handle's border color. \n- **--calcite-switch-handle-shadow** - Specifies the handle's shadow. ",
+          "description": "### Events\n- **calciteSwitchChange** - Fires when the `checked` value has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-switch-background-color** - Specifies the component's background color. \n- **--calcite-switch-background-color-hover** - Specifies the component's background color when hovered or pressed. \n- **--calcite-switch-border-color** - [Deprecated] No longer necessary. Specifies the component's border color. \n- **--calcite-switch-corner-radius** - Specifies the component's corner radius. \n- **--calcite-switch-handle-background-color** - Specifies the handle's background color. \n- **--calcite-switch-handle-border-color** - [Deprecated] No longer necessary. Specifies the handle's border color. \n- **--calcite-switch-handle-shadow** - [Deprecated] No longer necessary. Specifies the handle's shadow. ",
           "attributes": [
             {
               "name": "checked",
@@ -15975,7 +16014,7 @@
           "events": [
             {
               "name": "calciteSwitchChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the `checked` value has changed."
             }
           ],
@@ -16020,7 +16059,7 @@
             "events": [
               {
                 "name": "calciteSwitchChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the `checked` value has changed."
               }
             ]
@@ -16108,7 +16147,7 @@
           "events": [
             {
               "name": "calciteTabChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the selected `calcite-tab` changes."
             }
           ],
@@ -16143,7 +16182,7 @@
             "events": [
               {
                 "name": "calciteTabChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the selected `calcite-tab` changes."
               }
             ]
@@ -16238,12 +16277,12 @@
           "events": [
             {
               "name": "calciteTabsActivate",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a `calcite-tab` is selected."
             },
             {
               "name": "calciteTabsClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a `calcite-tab` is closed."
             }
           ],
@@ -16303,12 +16342,12 @@
             "events": [
               {
                 "name": "calciteTabsActivate",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a `calcite-tab` is selected."
               },
               {
                 "name": "calciteTabsClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a `calcite-tab` is closed."
               }
             ]
@@ -16455,12 +16494,12 @@
           "events": [
             {
               "name": "calciteTablePageChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component's page selection changes."
             },
             {
               "name": "calciteTableSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component's selected rows change."
             }
           ],
@@ -16540,12 +16579,12 @@
             "events": [
               {
                 "name": "calciteTablePageChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component's page selection changes."
               },
               {
                 "name": "calciteTableSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component's selected rows change."
               }
             ]
@@ -16738,7 +16777,7 @@
           "events": [
             {
               "name": "calciteTableRowSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the selected state of the component changes."
             }
           ],
@@ -16763,7 +16802,7 @@
             "events": [
               {
                 "name": "calciteTableRowSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the selected state of the component changes."
               }
             ]
@@ -16855,7 +16894,7 @@
         },
         {
           "name": "calcite-text-area",
-          "description": "### Events\n- **calciteTextAreaChange** - Fires each time a new `value` is typed and committed.\n- **calciteTextAreaInput** - Fires each time a new `value` is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding text.\n- **footer-start** - A slot for adding content to the start of the component's footer.\n- **footer-end** - A slot for adding content to the end of the component's footer.\n\n### CSS Properties\n- **--calcite-text-area-background-color** - Specifies the component's background color. \n- **--calcite-text-area-border-color** - Specifies the component's text area border color. \n- **--calcite-text-area-character-limit-text-color** - Specifies the color of the character limit text displayed in the footer of the component. \n- **--calcite-text-area-divider-color** - Specifies the color of the divider between the text area and footer. \n- **--calcite-text-area-font-size** - Specifies the font size of the text area and footer. \n- **--calcite-text-area-max-height** - Specifies the component's text area maximum height. \n- **--calcite-text-area-min-height** - Specifies the component's text area minimum height. \n- **--calcite-text-area-max-width** - Specifies the component's text area maximum width. \n- **--calcite-text-area-min-width** - Specifies the component's text area minimum width. \n- **--calcite-text-area-text-color** - Specifies the component's text color. \n- **--calcite-text-area-footer-border-color** - Specifies the footer's border color. ",
+          "description": "### Events\n- **calciteTextAreaChange** - Fires each time a new `value` is typed and committed.\n- **calciteTextAreaInput** - Fires each time a new `value` is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding text.\n- **footer-start** - A slot for adding content to the start of the component's footer.\n- **footer-end** - A slot for adding content to the end of the component's footer.\n\n### CSS Properties\n- **--calcite-text-area-background-color** - Specifies the component's background color. \n- **--calcite-text-area-border-color** - Specifies the component's text area border color. \n- **--calcite-text-area-character-limit-text-color** - Specifies the color of the character limit text displayed in the footer of the component. \n- **--calcite-text-area-divider-color** - Specifies the color of the divider between the text area and footer. \n- **--calcite-text-area-font-size** - Specifies the font size of the text area and footer. \n- **--calcite-text-area-max-height** - Specifies the component's text area maximum height. \n- **--calcite-text-area-min-height** - Specifies the component's text area minimum height. \n- **--calcite-text-area-max-width** - Specifies the component's text area maximum width. \n- **--calcite-text-area-min-width** - Specifies the component's text area minimum width. \n- **--calcite-text-area-text-color** - Specifies the component's text color. \n- **--calcite-text-area-footer-border-color** - Specifies the footer's border color. \n- **--calcite-text-area-corner-radius** - Specifies component's corner radius. \n- **--calcite-text-area-shadow** - Specifies the component's shadow. \n- **--calcite-text-area-footer-background-color** - Specifies the footer's background color. ",
           "attributes": [
             {
               "name": "columns",
@@ -17055,12 +17094,12 @@
           "events": [
             {
               "name": "calciteTextAreaChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `value` is typed and committed."
             },
             {
               "name": "calciteTextAreaInput",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires each time a new `value` is typed."
             }
           ],
@@ -17185,12 +17224,12 @@
             "events": [
               {
                 "name": "calciteTextAreaChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `value` is typed and committed."
               },
               {
                 "name": "calciteTextAreaInput",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires each time a new `value` is typed."
               }
             ]
@@ -17320,7 +17359,7 @@
           "events": [
             {
               "name": "calciteTileSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the selected state of the component changes."
             }
           ],
@@ -17390,7 +17429,7 @@
             "events": [
               {
                 "name": "calciteTileSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the selected state of the component changes."
               }
             ]
@@ -17483,7 +17522,7 @@
           "events": [
             {
               "name": "calciteTileGroupSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component's selection changes."
             }
           ],
@@ -17533,7 +17572,7 @@
             "events": [
               {
                 "name": "calciteTileGroupSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component's selection changes."
               }
             ]
@@ -17653,7 +17692,7 @@
           "events": [
             {
               "name": "calciteTileSelectChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits a custom change event.\n\nFor checkboxes it emits when checked or unchecked.\n\nFor radios it only emits when checked."
             }
           ],
@@ -17723,7 +17762,7 @@
             "events": [
               {
                 "name": "calciteTileSelectChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits a custom change event.\n\nFor checkboxes it emits when checked or unchecked.\n\nFor radios it only emits when checked."
               }
             ]
@@ -17778,7 +17817,7 @@
         },
         {
           "name": "calcite-time-picker",
-          "description": "### Events\n- **calciteTimePickerChange** - Fires when a user changes the component's time\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.",
+          "description": "### Events\n- **calciteTimePickerChange** - Fires when a user changes the component's time\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Sets focus on the component's first focusable element.\n\n### CSS Properties\n- **--calcite-time-picker-background-color** - The background color of the time picker. \n- **--calcite-time-picker-corner-radius** - The border radius of the time picker. \n- **--calcite-time-picker-button-background-color-hover** - Specifies the button's background color when hovered or focused. \n- **--calcite-time-picker-button-background-color-press** - Specifies the button's background color when active. \n- **--calcite-time-picker-color** - Specifies the component's text color. \n- **--calcite-time-picker-icon-color** - Specifies the component's icon color. \n- **--calcite-time-picker-input-border-color-press** - Specifies the input's border color when active. \n- **--calcite-time-picker-input-border-color-hover** - Specifies the input's border color when hovered. ",
           "attributes": [
             {
               "name": "hour-format",
@@ -17834,7 +17873,7 @@
           "events": [
             {
               "name": "calciteTimePickerChange",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when a user changes the component's time"
             }
           ],
@@ -17874,7 +17913,7 @@
             "events": [
               {
                 "name": "calciteTimePickerChange",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when a user changes the component's time"
               }
             ]
@@ -17943,7 +17982,7 @@
           "events": [
             {
               "name": "calciteTipDismiss",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component has been closed."
             }
           ],
@@ -17983,7 +18022,7 @@
             "events": [
               {
                 "name": "calciteTipDismiss",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component has been closed."
               }
             ]
@@ -18055,7 +18094,7 @@
           "events": [
             {
               "name": "calciteTipManagerClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Emits when the component has been closed."
             }
           ],
@@ -18080,7 +18119,7 @@
             "events": [
               {
                 "name": "calciteTipManagerClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Emits when the component has been closed."
               }
             ]
@@ -18187,22 +18226,22 @@
           "events": [
             {
               "name": "calciteTooltipBeforeClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is requested to be closed and before the closing transition begins."
             },
             {
               "name": "calciteTooltipBeforeOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
             },
             {
               "name": "calciteTooltipClose",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is closed and animation is complete."
             },
             {
               "name": "calciteTooltipOpen",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the component is open and animation is complete."
             }
           ],
@@ -18252,22 +18291,22 @@
             "events": [
               {
                 "name": "calciteTooltipBeforeClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is requested to be closed and before the closing transition begins."
               },
               {
                 "name": "calciteTooltipBeforeOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins."
               },
               {
                 "name": "calciteTooltipClose",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is closed and animation is complete."
               },
               {
                 "name": "calciteTooltipOpen",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the component is open and animation is complete."
               }
             ]
@@ -18323,7 +18362,7 @@
           "events": [
             {
               "name": "calciteTreeSelect",
-              "type": "undefined",
+              "type": "void",
               "description": "Fires when the user selects/deselects `calcite-tree-items`."
             }
           ],
@@ -18353,7 +18392,7 @@
             "events": [
               {
                 "name": "calciteTreeSelect",
-                "type": "undefined",
+                "type": "void",
                 "description": "Fires when the user selects/deselects `calcite-tree-items`."
               }
             ]
@@ -18532,6 +18571,14 @@
           "name": "--calcite-accordion-item-header-background-color",
           "description": "Specifies the component's `heading` background color."
         },
+        {
+          "name": "--calcite-accordion-item-header-background-color-hover",
+          "description": "Specifies the component's `heading` background color when hovered."
+        },
+        {
+          "name": "--calcite-accordion-item-header-background-color-press",
+          "description": "Specifies the component's `heading` background color when pressed."
+        },
         {
           "name": "--calcite-accordion-item-heading-text-color",
           "description": "Specifies the component's `heading` text color."
@@ -18598,7 +18645,7 @@
         },
         {
           "name": "--calcite-action-text-color-press",
-          "description": "Specifies the component's text color when hovered."
+          "description": "Specifies the component's text color when pressed or hovered."
         },
         {
           "name": "--calcite-action-text-color-pressed",
@@ -18608,6 +18655,14 @@
           "name": "--calcite-action-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-action-bar-background-color",
+          "description": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-action-bar-corner-radius",
+          "description": "Specifies the component's border radius when `floating` is `true`."
+        },
         {
           "name": "--calcite-action-bar-expanded-max-width",
           "description": "When `layout` is `\"vertical\"`, specifies the component's maximum width."
@@ -18616,6 +18671,10 @@
           "name": "--calcite-action-bar-items-space",
           "description": "Specifies the space between slotted components in the component."
         },
+        {
+          "name": "--calcite-action-bar-shadow",
+          "description": "Specifies the component's shadow when `floating` is `true`."
+        },
         {
           "name": "--calcite-action-background-color",
           "description": "Specifies the component's background color."
@@ -18840,6 +18899,18 @@
           "name": "--calcite-block-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-block-description-text-color",
+          "description": "Specifies the component's `description` text color."
+        },
+        {
+          "name": "--calcite-block-icon-color",
+          "description": "Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color."
+        },
+        {
+          "name": "--calcite-block-icon-color-hover",
+          "description": "Specifies the component's `collapsible` icon color when hovered."
+        },
         {
           "name": "--calcite-block-section-background-color",
           "description": "Specifies the component's background color."
@@ -18970,7 +19041,7 @@
         },
         {
           "name": "--calcite-checkbox-icon-color",
-          "description": "Specifies the component's font color."
+          "description": "Specifies the component's icon color."
         },
         {
           "name": "--calcite-chip-background-color",
@@ -19036,6 +19107,10 @@
           "name": "--calcite-combobox-input-text-color",
           "description": "When `selectionDisplay` is `\"single\"`, specifies the text color of the component's input."
         },
+        {
+          "name": "--calcite-combobox-item-border-color",
+          "description": "Specifies the component's border color."
+        },
         {
           "name": "--calcite-combobox-text-color",
           "description": "Specifies the component's text and `icon` color."
@@ -19052,6 +19127,10 @@
           "name": "--calcite-combobox-item-background-color-hover",
           "description": "Specifies the component's background color when hovered."
         },
+        {
+          "name": "--calcite-combobox-item-shadow",
+          "description": "Specifies the component's shadow."
+        },
         {
           "name": "--calcite-combobox-selected-icon-color",
           "description": "Specifies the component's selected indicator icon color."
@@ -19292,6 +19371,62 @@
           "name": "--calcite-fab-shadow",
           "description": "Specifies the component's shadow."
         },
+        {
+          "name": "--calcite-filter-content-space",
+          "description": "Specifies the padding of the component's content."
+        },
+        {
+          "name": "--calcite-filter-input-background-color",
+          "description": "Specifies the input's background color."
+        },
+        {
+          "name": "--calcite-filter-input-border-color",
+          "description": "Specifies the input's border color."
+        },
+        {
+          "name": "--calcite-filter-input-corner-radius",
+          "description": "Specifies the input's corner radius."
+        },
+        {
+          "name": "--calcite-filter-input-shadow",
+          "description": "Specifies the shadow around the input."
+        },
+        {
+          "name": "--calcite-filter-input-icon-color",
+          "description": "Specifies the input's icon color."
+        },
+        {
+          "name": "--calcite-filter-input-text-color",
+          "description": "Specifies the input's text color."
+        },
+        {
+          "name": "--calcite-filter-input-placeholder-text-color",
+          "description": "Specifies the input's placeholder text color."
+        },
+        {
+          "name": "--calcite-filter-input-actions-background-color",
+          "description": "Specifies the background color of the input's `clearable` element."
+        },
+        {
+          "name": "--calcite-filter-input-actions-background-color-hover",
+          "description": "Specifies the background color of the input's `clearable` element when hovered."
+        },
+        {
+          "name": "--calcite-filter-input-actions-background-color-press",
+          "description": "Specifies the background color of the input's `clearable` element when pressed."
+        },
+        {
+          "name": "--calcite-filter-input-actions-icon-color",
+          "description": "Specifies the icon color of the input's `clearable` element."
+        },
+        {
+          "name": "--calcite-filter-input-actions-icon-color-hover",
+          "description": "Specifies the icon color of the input's `clearable` element when hovered."
+        },
+        {
+          "name": "--calcite-filter-input-actions-icon-color-press",
+          "description": "Specifies the icon color of the input's `clearable` element when pressed."
+        },
         {
           "name": "--calcite-flow-background-color",
           "description": "Specifies the component's background color."
@@ -19552,13 +19687,89 @@
           "name": "--calcite-input-message-icon-color",
           "description": "Specifies the component's icon color."
         },
+        {
+          "name": "--calcite-input-actions-background-color",
+          "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements."
+        },
+        {
+          "name": "--calcite-input-actions-background-color-hover",
+          "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements. when hovered."
+        },
+        {
+          "name": "--calcite-input-actions-background-color-press",
+          "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements. when pressed."
+        },
+        {
+          "name": "--calcite-input-actions-icon-color",
+          "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements."
+        },
+        {
+          "name": "--calcite-input-actions-icon-color-hover",
+          "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements. when hovered."
+        },
+        {
+          "name": "--calcite-input-actions-icon-color-press",
+          "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements. when pressed."
+        },
+        {
+          "name": "--calcite-input-loading-background-color",
+          "description": "Specifies the background color of the `loading` element."
+        },
+        {
+          "name": "--calcite-input-loading-fill-color",
+          "description": "Specifies the fill color of the `loading` element."
+        },
+        {
+          "name": "--calcite-input-number-background-color",
+          "description": "Specifies the background color of the component."
+        },
+        {
+          "name": "--calcite-input-number-border-color",
+          "description": "Specifies the border color of the component."
+        },
+        {
+          "name": "--calcite-input-number-corner-radius",
+          "description": "Specifies the border radius of the component."
+        },
+        {
+          "name": "--calcite-input-number-height",
+          "description": "Specifies the height of the component."
+        },
+        {
+          "name": "--calcite-input-number-placeholder-text-color",
+          "description": "Specifies the text color of the placeholder in the component."
+        },
+        {
+          "name": "--calcite-input-number-text-color",
+          "description": "Specifies the text color of the component."
+        },
+        {
+          "name": "--calcite-input-number-text-color-focus",
+          "description": "Specifies the text color of the component when focused."
+        },
+        {
+          "name": "--calcite-input-prefix-background-color",
+          "description": "Specifies the background color of the prefix element."
+        },
         {
           "name": "--calcite-input-prefix-size",
-          "description": "Specifies the component's prefix width."
+          "description": "Specifies the width of the prefix element."
+        },
+        {
+          "name": "--calcite-input-prefix-text-color",
+          "description": "Specifies the text color of the prefix element."
+        },
+        {
+          "name": "--calcite-input-suffix-background-color",
+          "description": "Specifies the background color of the suffix element."
         },
         {
           "name": "--calcite-input-suffix-size",
-          "description": "Specifies the component's suffix width."
+          "description": "Specifies the width of the suffix element."
+        },
+        {
+          "name": "--calcite-input-suffix-text-color",
+          "description": "Specifies the text color of the suffix element."
         },
         {
           "name": "--calcite-input-prefix-size",
@@ -19805,13 +20016,17 @@
           "description": "Specifies the component's background color when active."
         },
         {
-          "name": "--calcite-notice-close-text-color-hover",
+          "name": "--calcite-notice-close-icon-color-hover",
           "description": "Specifies the background color of the component's close button when hovered."
         },
         {
-          "name": "--calcite-notice-close-text-color",
+          "name": "--calcite-notice-close-icon-color",
           "description": "Specifies the text color of the component's close button."
         },
+        {
+          "name": "--calcite-notice-title-text-color",
+          "description": "Specifies the component's title text color."
+        },
         {
           "name": "--calcite-notice-content-text-color",
           "description": "Specifies the component's content text color."
@@ -19820,6 +20035,14 @@
           "name": "--calcite-notice-width",
           "description": "[Deprecated] Specifies the component's width."
         },
+        {
+          "name": "--calcite-notice-close-text-color-hover",
+          "description": "[Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered."
+        },
+        {
+          "name": "--calcite-notice-close-text-color",
+          "description": "[Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button."
+        },
         {
           "name": "--calcite-pagination-color",
           "description": "Specifies the component's item color."
@@ -19886,7 +20109,7 @@
         },
         {
           "name": "--calcite-panel-header-action-text-color-press",
-          "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
+          "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
         },
         {
           "name": "--calcite-panel-footer-background-color",
@@ -19952,6 +20175,34 @@
           "name": "--calcite-progress-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-radio-button-background-color",
+          "description": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-radio-button-border-color",
+          "description": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-radio-button-corner-radius",
+          "description": "Specifies the component's corner radius."
+        },
+        {
+          "name": "--calcite-radio-button-size",
+          "description": "Specifies the component's size."
+        },
+        {
+          "name": "--calcite-radio-size",
+          "description": "[Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size."
+        },
+        {
+          "name": "--calcite-radio-button-group-gap",
+          "description": "Specifies the space between slotted components in the component."
+        },
+        {
+          "name": "--calcite-radio-button-input-message-spacing",
+          "description": "Specifies the margin spacing at the top of the input-message component."
+        },
         {
           "name": "--calcite-rating-spacing-unit",
           "description": "[Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item."
@@ -20032,6 +20283,30 @@
           "name": "--calcite-select-icon-color-hover",
           "description": "Specifies the component's icon color when hovered or active."
         },
+        {
+          "name": "--calcite-sheet-background-color",
+          "description": "Specifies the background color of the sheet."
+        },
+        {
+          "name": "--calcite-sheet-corner-radius",
+          "description": "Specifies the corner radius of the component."
+        },
+        {
+          "name": "--calcite-sheet-shadow",
+          "description": "Specifies the shadow of the component."
+        },
+        {
+          "name": "--calcite-sheet-text-color",
+          "description": "Specifies the text color of the component."
+        },
+        {
+          "name": "--calcite-sheet-resize-background-color",
+          "description": "Specifies the background color of the resize handle."
+        },
+        {
+          "name": "--calcite-sheet-resize-icon-color",
+          "description": "Specifies the text color of the resize handle."
+        },
         {
           "name": "--calcite-sheet-scrim-background",
           "description": "Specifies the background color of the sheet scrim."
@@ -20069,16 +20344,16 @@
           "description": "[Deprecated] This component has been deprecated. The left and right spacing of the `calcite-tip-manager` when slotted in the component."
         },
         {
-          "name": "--calcite-shell-panel-width",
-          "description": "Specifies the width of the component."
+          "name": "--calcite-shell-panel-background-color",
+          "description": "Specifies the background color of the component."
         },
         {
-          "name": "--calcite-shell-panel-max-width",
-          "description": "Specifies the maximum width of the component."
+          "name": "--calcite-shell-panel-border-color",
+          "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
         },
         {
-          "name": "--calcite-shell-panel-min-width",
-          "description": "Specifies the minimum width of the component."
+          "name": "--calcite-shell-panel-corner-radius",
+          "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
         },
         {
           "name": "--calcite-shell-panel-height",
@@ -20088,26 +20363,42 @@
           "name": "--calcite-shell-panel-max-height",
           "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component."
         },
+        {
+          "name": "--calcite-shell-panel-max-width",
+          "description": "Specifies the maximum width of the component."
+        },
         {
           "name": "--calcite-shell-panel-min-height",
           "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component."
         },
         {
-          "name": "--calcite-shell-panel-z-index",
-          "description": "Specifies the z-index value for the component."
+          "name": "--calcite-shell-panel-min-width",
+          "description": "Specifies the minimum width of the component."
         },
         {
-          "name": "--calcite-shell-panel-border-color",
-          "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
+          "name": "--calcite-shell-panel-resize-background-color",
+          "description": "Specifies the background color of the resize handle."
         },
         {
-          "name": "--calcite-shell-panel-corner-radius",
-          "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
+          "name": "--calcite-shell-panel-resize-icon-color",
+          "description": "Specifies the text color of the resize handle."
         },
         {
           "name": "--calcite-shell-panel-shadow",
           "description": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
         },
+        {
+          "name": "--calcite-shell-panel-text-color",
+          "description": "Specifies the text color of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-width",
+          "description": "Specifies the width of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-z-index",
+          "description": "Specifies the z-index value for the component."
+        },
         {
           "name": "--calcite-slider-text-color",
           "description": "Specifies the component's text color."
@@ -20156,13 +20447,109 @@
           "name": "--calcite-stack-padding-block",
           "description": "Specifies the block padding of the component's content."
         },
+        {
+          "name": "--calcite-stepper-bar-gap",
+          "description": "Specifies the space between items in the step bar."
+        },
+        {
+          "name": "--calcite-stepper-bar-inactive-fill-color",
+          "description": "Specifies the fill color of items in the step bar."
+        },
+        {
+          "name": "--calcite-stepper-bar-active-fill-color",
+          "description": "Specifies the fill color of active items in the step bar."
+        },
+        {
+          "name": "--calcite-stepper-bar-complete-fill-color",
+          "description": "Specifies the fill color of complete items in the step bar."
+        },
+        {
+          "name": "--calcite-stepper-bar-error-fill-color",
+          "description": "Specifies the fill color of error items in the step bar."
+        },
+        {
+          "name": "--calcite-stepper-item-background-color-press",
+          "description": "Specifies the component's background-color when active."
+        },
+        {
+          "name": "--calcite-stepper-item-header-text-color",
+          "description": "Specifies the component's header text color."
+        },
+        {
+          "name": "--calcite-stepper-item-header-text-color-hover",
+          "description": "Specifies the component's header text color when hovered or focused."
+        },
+        {
+          "name": "--calcite-stepper-item-selected-header-text-color",
+          "description": "Specifies the component's header text color when selected."
+        },
+        {
+          "name": "--calcite-stepper-item-icon-color",
+          "description": "Specifies the component's icon color."
+        },
+        {
+          "name": "--calcite-stepper-item-complete-icon-color",
+          "description": "Specifies the component's icon color when complete."
+        },
+        {
+          "name": "--calcite-stepper-item-error-icon-color",
+          "description": "Specifies the component's icon and number color when in error."
+        },
+        {
+          "name": "--calcite-stepper-item-selected-icon-color",
+          "description": "Specifies the component's icon and number color when selected."
+        },
+        {
+          "name": "--calcite-stepper-item-description-text-color",
+          "description": "Specifies the component's description and number text color."
+        },
+        {
+          "name": "--calcite-stepper-item-description-text-color-hover",
+          "description": "Specifies the component's description text color when hovered, focused or selected."
+        },
+        {
+          "name": "--calcite-stepper-bar-gap",
+          "description": "Specifies the component's bottom spacing."
+        },
+        {
+          "name": "--calcite-stepper-bar-fill-color",
+          "description": "Specifies the component's fill color."
+        },
+        {
+          "name": "--calcite-stepper-bar-fill-color-hover",
+          "description": "Specifies the component's fill color when hovered or focused."
+        },
+        {
+          "name": "--calcite-stepper-bar-complete-fill-color",
+          "description": "Specifies the component's fill color when complete."
+        },
+        {
+          "name": "--calcite-stepper-bar-complete-fill-color-hover",
+          "description": "When item is complete, specifies the component's fill color when hovered or focused."
+        },
+        {
+          "name": "--calcite-stepper-bar-error-fill-color",
+          "description": "Specifies the component's fill color when in error."
+        },
+        {
+          "name": "--calcite-stepper-bar-error-fill-color-hover",
+          "description": "When item is error, specifies the component's fill color when hovered or focused."
+        },
+        {
+          "name": "--calcite-stepper-bar-selected-fill-color",
+          "description": "Specifies the component's fill color when selected."
+        },
         {
           "name": "--calcite-switch-background-color",
           "description": "Specifies the component's background color."
         },
+        {
+          "name": "--calcite-switch-background-color-hover",
+          "description": "Specifies the component's background color when hovered or pressed."
+        },
         {
           "name": "--calcite-switch-border-color",
-          "description": "Specifies the component's border color."
+          "description": "[Deprecated] No longer necessary. Specifies the component's border color."
         },
         {
           "name": "--calcite-switch-corner-radius",
@@ -20174,11 +20561,11 @@
         },
         {
           "name": "--calcite-switch-handle-border-color",
-          "description": "Specifies the handle's border color."
+          "description": "[Deprecated] No longer necessary. Specifies the handle's border color."
         },
         {
           "name": "--calcite-switch-handle-shadow",
-          "description": "Specifies the handle's shadow."
+          "description": "[Deprecated] No longer necessary. Specifies the handle's shadow."
         },
         {
           "name": "--calcite-tab-content-space-y",
@@ -20316,6 +20703,18 @@
           "name": "--calcite-text-area-footer-border-color",
           "description": "Specifies the footer's border color."
         },
+        {
+          "name": "--calcite-text-area-corner-radius",
+          "description": "Specifies component's corner radius."
+        },
+        {
+          "name": "--calcite-text-area-shadow",
+          "description": "Specifies the component's shadow."
+        },
+        {
+          "name": "--calcite-text-area-footer-background-color",
+          "description": "Specifies the footer's background color."
+        },
         {
           "name": "--calcite-tile-accent-color-press",
           "description": "When the parent `calcite-tile-group` has a `selectionMode` that is not `\"none\"`, specifies the color of the component's selection elements, such as the radio, checkbox, and border."
@@ -20352,6 +20751,38 @@
           "name": "--calcite-tile-link-text-color",
           "description": "Specifies the component's link text color."
         },
+        {
+          "name": "--calcite-time-picker-background-color",
+          "description": "The background color of the time picker."
+        },
+        {
+          "name": "--calcite-time-picker-corner-radius",
+          "description": "The border radius of the time picker."
+        },
+        {
+          "name": "--calcite-time-picker-button-background-color-hover",
+          "description": "Specifies the button's background color when hovered or focused."
+        },
+        {
+          "name": "--calcite-time-picker-button-background-color-press",
+          "description": "Specifies the button's background color when active."
+        },
+        {
+          "name": "--calcite-time-picker-color",
+          "description": "Specifies the component's text color."
+        },
+        {
+          "name": "--calcite-time-picker-icon-color",
+          "description": "Specifies the component's icon color."
+        },
+        {
+          "name": "--calcite-time-picker-input-border-color-press",
+          "description": "Specifies the input's border color when active."
+        },
+        {
+          "name": "--calcite-time-picker-input-border-color-hover",
+          "description": "Specifies the input's border color when hovered."
+        },
         {
           "name": "--calcite-tip-manager-height",
           "description": "The maximum height of the component."