@esri/calcite-components 3.1.0-next.9 → 3.1.0

package/dist/docs/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "3.1.0-next.9",
+  "version": "3.1.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "calcite-accordion",
-          "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 `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\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. ",
+          "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 `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\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. ",
           "attributes": [
             {
               "name": "appearance",
@@ -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** - [Deprecated] Use `--calcite-accordion-item-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-background-color** - Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - Specifies the component's border color. \n- **--calcite-accordion-item-icon-color-end** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-icon-color-start** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - [Deprecated] Use `--calcite-accordion-item-icon-color-end`. 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** - Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - [Deprecated] Use `--calcite-accordion-item-icon-color-start`. Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - [Deprecated] Use `--calcite-accordion-item-text-color-hover`. Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-pressed** - [Deprecated] Use `--calcite-accordion-item-text-color-press`. Specifies the component's main text color when pressed. \n- **--calcite-accordion-text-color** - [Deprecated] Use `--calcite-accordion-item-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 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. ",
           "attributes": [
             {
               "name": "description",
@@ -2021,7 +2021,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-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-block-heading-text-color-press** - When the component is `open`, 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-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. ",
           "attributes": [
             {
               "name": "collapsible",
@@ -2062,6 +2062,14 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "expanded",
+              "description": "When `true`, the component is expanded to show child components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "heading",
               "description": "The component header text.",
@@ -2155,7 +2163,7 @@
             },
             {
               "name": "open",
-              "description": "When `true`, expands the component and its contents.",
+              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, expands the component and its contents.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -2292,6 +2300,11 @@
                 "description": "When `true`, the component displays a draggable button.",
                 "type": "boolean"
               },
+              {
+                "name": "expanded",
+                "description": "When `true`, the component is expanded to show child components.",
+                "type": "boolean"
+              },
               {
                 "name": "heading",
                 "description": "The component header text.",
@@ -2482,7 +2495,7 @@
             "properties": [
               {
                 "name": "canPull",
-                "description": "When provided, the method will be called to determine whether the element is sortable in the component.",
+                "description": "When provided, the method will be called to determine whether the element can move from the component.",
                 "type": "(detail: BlockDragDetail) => boolean"
               },
               {
@@ -2537,8 +2550,16 @@
         },
         {
           "name": "calcite-block-section",
-          "description": "### Events\n- **calciteBlockSectionToggle** - Fires when the header has been 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\n### CSS Properties\n- **--calcite-block-section-background-color** - Specifies the component's background color. \n- **--calcite-block-section-border-color** - Specifies the component's border color. When `open`, applies to the component's bottom border. \n- **--calcite-block-section-header-text-color** - Specifies the component's header text color. \n- **--calcite-block-section-text-color** - Specifies the component's text color. \n- **--calcite-block-section-text-color-hover** - Specifies the component's text color on hover. ",
+          "description": "### Events\n- **calciteBlockSectionToggle** - Fires when the header has been 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\n### CSS Properties\n- **--calcite-block-section-background-color** - Specifies the component's background color. \n- **--calcite-block-section-border-color** - Specifies the component's border color. When `expanded`, applies to the component's bottom border. \n- **--calcite-block-section-header-text-color** - Specifies the component's header text color. \n- **--calcite-block-section-text-color** - Specifies the component's text color. \n- **--calcite-block-section-text-color-hover** - Specifies the component's text color on hover. ",
           "attributes": [
+            {
+              "name": "expanded",
+              "description": "When `true`, the component is expanded to show child components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "icon-end",
               "description": "Specifies an icon to display at the end of the component.",
@@ -2566,7 +2587,7 @@
             },
             {
               "name": "open",
-              "description": "When `true`, expands the component and its contents.",
+              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, expands the component and its contents.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -2617,6 +2638,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "expanded",
+                "description": "When `true`, the component is expanded to show child components.",
+                "type": "boolean"
+              },
               {
                 "name": "iconEnd",
                 "description": "Specifies an icon to display at the end of the component.",
@@ -4258,7 +4284,7 @@
         },
         {
           "name": "calcite-combobox",
-          "description": "### Events\n- **calciteComboboxBeforeClose** - Fires when the component is requested to be closed, and before the closing transition begins.\n- **calciteComboboxBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteComboboxChange** - Fires when the selected item(s) changes.\n- **calciteComboboxChipClose** - Fires when a selected item in the component is closed via its `calcite-chip`.\n- **calciteComboboxClose** - Fires when the component is closed and animation is complete.\n- **calciteComboboxFilterChange** - Fires when text is added to filter the options list.\n- **calciteComboboxOpen** - 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.\n\n### Slots\n- _default_ - A slot for adding `calcite-combobox-item`s.\n\n### CSS Properties\n- **--calcite-combobox-input-height** - Specifies the height of the component's input. ",
+          "description": "### Events\n- **calciteComboboxBeforeClose** - Fires when the component is requested to be closed, and before the closing transition begins.\n- **calciteComboboxBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteComboboxChange** - Fires when the selected item(s) changes.\n- **calciteComboboxChipClose** - Fires when a selected item in the component is closed via its `calcite-chip`.\n- **calciteComboboxClose** - Fires when the component is closed and animation is complete.\n- **calciteComboboxFilterChange** - Fires when text is added to filter the options list.\n- **calciteComboboxOpen** - 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.\n\n### Slots\n- _default_ - A slot for adding `calcite-combobox-item`s.\n\n### CSS Properties\n- **--calcite-combobox-icon-color** - Specifies the component's icon color. \n- **--calcite-combobox-icon-color-hover** - Specifies the component's icon color when hovered. \n- **--calcite-combobox-background-color** - Specifies the background color of the component's listbox. \n- **--calcite-combobox-input-border-color** - Specifies the border color of the component's input. \n- **--calcite-combobox-input-background-color** - Specifies the background color of the component's input. \n- **--calcite-combobox-input-height** - Specifies the height of the component's input. \n- **--calcite-combobox-input-text-color** - When `selectionDisplay` is `\"single\"`, specifies the text color of the component's input. ",
           "attributes": [
             {
               "name": "allow-custom-values",
@@ -4678,7 +4704,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.",
+          "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. ",
           "attributes": [
             {
               "name": "active",
@@ -4887,7 +4913,7 @@
         },
         {
           "name": "calcite-combobox-item-group",
-          "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 `calcite-combobox-item`s.",
+          "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 `calcite-combobox-item`s.\n\n### CSS Properties\n- **--calcite-combobox-item-group-text-color** - Specifies the text color of the component. \n- **--calcite-combobox-item-group-border-color** - Specifies the border color of the component. ",
           "attributes": [
             {
               "name": "label",
@@ -5947,6 +5973,22 @@
                 "type": "number"
               }
             },
+            {
+              "name": "offset-distance",
+              "description": "Offset the position of the component away from the `referenceElement`.",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "offset-skidding",
+              "description": "Offset the position of the component along the `referenceElement`.",
+              "default": "0",
+              "value": {
+                "type": "number"
+              }
+            },
             {
               "name": "open",
               "description": "When `true`, displays and positions the component.",
@@ -6086,6 +6128,16 @@
                 "description": "Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\nValue must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.",
                 "type": "number"
               },
+              {
+                "name": "offsetDistance",
+                "description": "Offset the position of the component away from the `referenceElement`.",
+                "type": "number"
+              },
+              {
+                "name": "offsetSkidding",
+                "description": "Offset the position of the component along the `referenceElement`.",
+                "type": "number"
+              },
               {
                 "name": "open",
                 "description": "When `true`, displays and positions the component.",
@@ -6167,6 +6219,14 @@
                 "type": "string"
               }
             },
+            {
+              "name": "position",
+              "description": "The position of the group in the dropdown menu.",
+              "default": "-1",
+              "value": {
+                "type": "number"
+              }
+            },
             {
               "name": "selection-mode",
               "description": "Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection, and\n\n`\"none\"` does not allow any selections.",
@@ -6194,6 +6254,11 @@
                 "description": "Specifies and displays a group title.",
                 "type": "string"
               },
+              {
+                "name": "position",
+                "description": "The position of the group in the dropdown menu.",
+                "type": "number"
+              },
               {
                 "name": "selectionMode",
                 "description": "Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection, and\n\n`\"none\"` does not allow any selections.",
@@ -10279,6 +10344,14 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "expanded",
+              "description": "When `true`, the item is expanded to show child components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "icon-end",
               "description": "Specifies an icon to display at the end of the component.",
@@ -10313,7 +10386,7 @@
             },
             {
               "name": "open",
-              "description": "When `true`, the item is open to show child components.",
+              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, the item is open to show child components.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -10457,6 +10530,11 @@
                 "description": "When `true`, the item is not draggable.",
                 "type": "boolean"
               },
+              {
+                "name": "expanded",
+                "description": "When `true`, the item is expanded to show child components.",
+                "type": "boolean"
+              },
               {
                 "name": "iconEnd",
                 "description": "Specifies an icon to display at the end of the component.",
@@ -12191,7 +12269,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-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-action-background-color** - Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s. \n- **--calcite-action-background-color-hover** - Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s. \n- **--calcite-action-background-color-pressed** - Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s. \n- **--calcite-action-text-color-hover** - Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s. \n- **--calcite-action-text-color-pressed** - Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s. \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. \n- **--calcite-panel-header-action-background-color-hover** - Specifies the background color of the component's `calcite-action` items  in the panel header when hovered. \n- **--calcite-panel-header-action-background-color-press** - Specifies the background color of the component's `calcite-action` items  in the panel header when pressed. \n- **--calcite-panel-header-action-background-color** - Specifies the background color of the component's `calcite-action` items  in the panel header. \n- **--calcite-panel-header-action-indicator-color** - Specifies the color of the component's `calcite-action` items' indicator in the panel header. \n- **--calcite-panel-header-action-text-color-press** - Specifies the text color of the component's `calcite-action` items in the panel header when pressed. \n- **--calcite-panel-header-action-text-color** - Specifies the text color of the component's `calcite-action` items in the panel header. ",
+          "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. ",
           "attributes": [
             {
               "name": "closable",
@@ -13170,7 +13248,7 @@
         },
         {
           "name": "calcite-rating",
-          "description": "### Events\n- **calciteRatingChange** - Fires when the component's value 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-rating-spacing-unit** - [Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-spacing** - Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-color-hover** - Specifies the component's item color when hovered or selected. \n- **--calcite-rating-color** - Specifies the component's item color. \n- **--calcite-rating-average-color** - Specifies the component's item color when average is set. \n- **--calcite-rating-average-text-color** - Specifies the component's average text color. \n- **--calcite-rating-count-text-color** - Specifies the component's count text color. ",
+          "description": "### Events\n- **calciteRatingChange** - Fires when the component's value 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-rating-spacing-unit** - [Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-spacing** - Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-color-hover** - Specifies the component's item color when hovered. \n- **--calcite-rating-color-press** - Specifies the component's item color when active. \n- **--calcite-rating-color** - Specifies the component's item color. \n- **--calcite-rating-average-color** - Specifies the component's item color when average is set. \n- **--calcite-rating-average-text-color** - Specifies the component's average text color. \n- **--calcite-rating-count-text-color** - Specifies the component's count text color. ",
           "attributes": [
             {
               "name": "average",
@@ -14721,7 +14799,7 @@
               {
                 "name": "labelFormatter",
                 "description": "When specified, allows users to customize handle labels.",
-                "type": "(value: number, type: \"min\" | \"value\" | \"max\" | \"tick\", defaultFormatter: (value: number) => string) => string"
+                "type": "(value: number, type: \"min\" | \"max\" | \"value\" | \"tick\", defaultFormatter: (value: number) => string) => string"
               },
               {
                 "name": "labelHandles",
@@ -16798,7 +16876,7 @@
             },
             {
               "name": "limit-text",
-              "description": "When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.",
+              "description": "When `true`, prevents input beyond the `maxLength` value, mimicking native text area behavior.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -16995,7 +17073,7 @@
               },
               {
                 "name": "limitText",
-                "description": "When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.",
+                "description": "When `true`, prevents input beyond the `maxLength` value, mimicking native text area behavior.",
                 "type": "boolean"
               },
               {
@@ -18378,25 +18456,45 @@
           "name": "--calcite-accordion-background-color",
           "description": "Specifies the component's background color."
         },
+        {
+          "name": "--calcite-accordion-text-color",
+          "description": "Specifies the component's text color."
+        },
+        {
+          "name": "--calcite-accordion-text-color-hover",
+          "description": "Specifies the component's main text color on hover."
+        },
+        {
+          "name": "--calcite-accordion-text-color-press",
+          "description": "Specifies the component's main text color when pressed."
+        },
         {
           "name": "--calcite-accordion-border-color",
-          "description": "[Deprecated] Use `--calcite-accordion-item-border-color`. Specifies the component's border color."
+          "description": "Specifies the component's border color."
         },
         {
-          "name": "--calcite-accordion-item-background-color",
+          "name": "--calcite-accordion-background-color",
           "description": "Specifies the component's background color."
         },
         {
-          "name": "--calcite-accordion-item-border-color",
-          "description": "Specifies the component's border color."
+          "name": "--calcite-accordion-text-color",
+          "description": "Specifies the component's text color."
         },
         {
-          "name": "--calcite-accordion-item-icon-color-end",
-          "description": "Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
+          "name": "--calcite-accordion-text-color-hover",
+          "description": "Specifies the component's main text color on hover."
         },
         {
-          "name": "--calcite-accordion-item-icon-color-start",
-          "description": "Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
+          "name": "--calcite-accordion-text-color-press",
+          "description": "Specifies the component's main text color when pressed."
+        },
+        {
+          "name": "--calcite-accordion-item-background-color",
+          "description": "[Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-accordion-item-border-color",
+          "description": "[Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color."
         },
         {
           "name": "--calcite-accordion-item-content-space",
@@ -18404,7 +18502,7 @@
         },
         {
           "name": "--calcite-accordion-item-end-icon-color",
-          "description": "[Deprecated] Use `--calcite-accordion-item-icon-color-end`. Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
+          "description": "Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
         },
         {
           "name": "--calcite-accordion-item-expand-icon-color",
@@ -18420,27 +18518,23 @@
         },
         {
           "name": "--calcite-accordion-item-icon-color",
-          "description": "Specifies the component's default icon color."
+          "description": "[Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color."
         },
         {
           "name": "--calcite-accordion-item-start-icon-color",
-          "description": "[Deprecated] Use `--calcite-accordion-item-icon-color-start`. Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
+          "description": "Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
         },
         {
           "name": "--calcite-accordion-item-text-color",
-          "description": "Specifies the component's text color."
-        },
-        {
-          "name": "--calcite-accordion-text-color-hover",
-          "description": "[Deprecated] Use `--calcite-accordion-item-text-color-hover`. Specifies the component's main text color on hover."
+          "description": "[Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color."
         },
         {
-          "name": "--calcite-accordion-text-color-pressed",
-          "description": "[Deprecated] Use `--calcite-accordion-item-text-color-press`. Specifies the component's main text color when pressed."
+          "name": "--calcite-accordion-item-text-color-hover",
+          "description": "[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."
         },
         {
-          "name": "--calcite-accordion-text-color",
-          "description": "[Deprecated] Use `--calcite-accordion-item-text-color`. Specifies the component's text color."
+          "name": "--calcite-accordion-item-text-color-press",
+          "description": "[Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press."
         },
         {
           "name": "--calcite-action-background-color-hover",
@@ -18712,7 +18806,7 @@
         },
         {
           "name": "--calcite-block-heading-text-color-press",
-          "description": "When the component is `open`, specifies the `heading` text color."
+          "description": "When the component is `expanded`, specifies the `heading` text color."
         },
         {
           "name": "--calcite-block-padding",
@@ -18728,7 +18822,7 @@
         },
         {
           "name": "--calcite-block-section-border-color",
-          "description": "Specifies the component's border color. When `open`, applies to the component's bottom border."
+          "description": "Specifies the component's border color. When `expanded`, applies to the component's bottom border."
         },
         {
           "name": "--calcite-block-section-header-text-color",
@@ -18886,10 +18980,74 @@
           "name": "--calcite-chip-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-combobox-icon-color",
+          "description": "Specifies the component's icon color."
+        },
+        {
+          "name": "--calcite-combobox-icon-color-hover",
+          "description": "Specifies the component's icon color when hovered."
+        },
+        {
+          "name": "--calcite-combobox-background-color",
+          "description": "Specifies the background color of the component's listbox."
+        },
+        {
+          "name": "--calcite-combobox-input-border-color",
+          "description": "Specifies the border color of the component's input."
+        },
+        {
+          "name": "--calcite-combobox-input-background-color",
+          "description": "Specifies the background color of the component's input."
+        },
         {
           "name": "--calcite-combobox-input-height",
           "description": "Specifies the height of the component's input."
         },
+        {
+          "name": "--calcite-combobox-input-text-color",
+          "description": "When `selectionDisplay` is `\"single\"`, specifies the text color of the component's input."
+        },
+        {
+          "name": "--calcite-combobox-text-color",
+          "description": "Specifies the component's text and `icon` color."
+        },
+        {
+          "name": "--calcite-combobox-text-color-hover",
+          "description": "Specifies the component's text and `icon` color when hovered."
+        },
+        {
+          "name": "--calcite-combobox-item-background-color-active",
+          "description": "Specifies the component's background color when active."
+        },
+        {
+          "name": "--calcite-combobox-item-background-color-hover",
+          "description": "Specifies the component's background color when hovered."
+        },
+        {
+          "name": "--calcite-combobox-selected-icon-color",
+          "description": "Specifies the component's selected indicator icon color."
+        },
+        {
+          "name": "--calcite-combobox-description-text-color",
+          "description": "Specifies the component's `description` and `shortHeading` text color."
+        },
+        {
+          "name": "--calcite-combobox-description-text-color-press",
+          "description": "Specifies the component's `description` and `shortHeading` text color when hovered."
+        },
+        {
+          "name": "--calcite-combobox-heading-text-color",
+          "description": "Specifies the component's `heading` text color."
+        },
+        {
+          "name": "--calcite-combobox-item-group-text-color",
+          "description": "Specifies the text color of the component."
+        },
+        {
+          "name": "--calcite-combobox-item-group-border-color",
+          "description": "Specifies the border color of the component."
+        },
         {
           "name": "--calcite-date-picker-border-color",
           "description": "Specifies the component's border color."
@@ -19623,40 +19781,40 @@
           "description": "Specifies the background color of the component's header."
         },
         {
-          "name": "--calcite-panel-footer-background-color",
-          "description": "Specifies the background color of the component's footer."
+          "name": "--calcite-panel-header-action-background-color",
+          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
         },
         {
-          "name": "--calcite-panel-space",
-          "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
+          "name": "--calcite-panel-header-action-background-color-hover",
+          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."
         },
         {
-          "name": "--calcite-panel-header-content-space",
-          "description": "Specifies the padding of the `\"header-content\"` slot."
+          "name": "--calcite-panel-header-action-background-color-press",
+          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
         },
         {
-          "name": "--calcite-panel-footer-space",
-          "description": "Specifies the padding of the component's footer."
+          "name": "--calcite-panel-header-action-text-color",
+          "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
         },
         {
-          "name": "--calcite-action-background-color",
-          "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s."
+          "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."
         },
         {
-          "name": "--calcite-action-background-color-hover",
-          "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
+          "name": "--calcite-panel-footer-background-color",
+          "description": "Specifies the background color of the component's footer."
         },
         {
-          "name": "--calcite-action-background-color-pressed",
-          "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
+          "name": "--calcite-panel-space",
+          "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
         },
         {
-          "name": "--calcite-action-text-color-hover",
-          "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
+          "name": "--calcite-panel-header-content-space",
+          "description": "Specifies the padding of the `\"header-content\"` slot."
         },
         {
-          "name": "--calcite-action-text-color-pressed",
-          "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
+          "name": "--calcite-panel-footer-space",
+          "description": "Specifies the padding of the component's footer."
         },
         {
           "name": "--calcite-popover-border-color",
@@ -19674,30 +19832,6 @@
           "name": "--calcite-panel-header-border-block-end",
           "description": "[Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border."
         },
-        {
-          "name": "--calcite-panel-header-action-background-color-hover",
-          "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when hovered."
-        },
-        {
-          "name": "--calcite-panel-header-action-background-color-press",
-          "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when pressed."
-        },
-        {
-          "name": "--calcite-panel-header-action-background-color",
-          "description": "Specifies the background color of the component's `calcite-action` items  in the panel header."
-        },
-        {
-          "name": "--calcite-panel-header-action-indicator-color",
-          "description": "Specifies the color of the component's `calcite-action` items' indicator in the panel header."
-        },
-        {
-          "name": "--calcite-panel-header-action-text-color-press",
-          "description": "Specifies the text color of the component's `calcite-action` items in the panel header when pressed."
-        },
-        {
-          "name": "--calcite-panel-header-action-text-color",
-          "description": "Specifies the text color of the component's `calcite-action` items in the panel header."
-        },
         {
           "name": "--calcite-popover-background-color",
           "description": "Specifies the component's background color."
@@ -19740,7 +19874,11 @@
         },
         {
           "name": "--calcite-rating-color-hover",
-          "description": "Specifies the component's item color when hovered or selected."
+          "description": "Specifies the component's item color when hovered."
+        },
+        {
+          "name": "--calcite-rating-color-press",
+          "description": "Specifies the component's item color when active."
         },
         {
           "name": "--calcite-rating-color",