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

package/dist/docs/vscode.css-custom-data.json

@@ -10,25 +10,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",
@@ -36,7 +56,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",
@@ -52,27 +72,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",
@@ -344,7 +360,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",
@@ -360,7 +376,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",
@@ -490,34 +506,102 @@
       "name": "--calcite-chip-border-color",
       "description": "Specifies the component's border color."
     },
+    {
+      "name": "--calcite-chip-close-icon-color",
+      "description": "Specifies the component's close element icon color."
+    },
     {
       "name": "--calcite-chip-corner-radius",
       "description": "Specifies the component's corner radius."
     },
+    {
+      "name": "--calcite-chip-icon-color",
+      "description": "Specifies the component's icon color."
+    },
+    {
+      "name": "--calcite-chip-select-icon-color-press",
+      "description": "Specifies the component's selection element icon color when active."
+    },
+    {
+      "name": "--calcite-chip-select-icon-color-pressed",
+      "description": "[Deprecated] Use `--calcite-chip-select-icon-color-press`. Specifies the component's selection element icon color when active."
+    },
+    {
+      "name": "--calcite-chip-select-icon-color",
+      "description": "Specifies the component's selection element icon color."
+    },
     {
       "name": "--calcite-chip-text-color",
       "description": "Specifies the component's text color."
     },
     {
-      "name": "--calcite-chip-icon-color",
+      "name": "--calcite-combobox-icon-color",
       "description": "Specifies the component's icon color."
     },
     {
-      "name": "--calcite-chip-close-icon-color",
-      "description": "Specifies the component's close element icon color."
+      "name": "--calcite-combobox-icon-color-hover",
+      "description": "Specifies the component's icon color when hovered."
     },
     {
-      "name": "--calcite-chip-select-icon-color",
-      "description": "Specifies the component's selection element icon color."
+      "name": "--calcite-combobox-background-color",
+      "description": "Specifies the background color of the component's listbox."
     },
     {
-      "name": "--calcite-chip-select-icon-color-pressed",
-      "description": "Specifies the component's selection element icon color when active."
+      "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."
@@ -1251,40 +1335,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",
@@ -1302,30 +1386,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."
@@ -1368,7 +1428,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",

package/dist/docs/vscode.html-custom-data.json

@@ -4,7 +4,7 @@
   "tags": [
     {
       "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",
@@ -80,7 +80,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",
@@ -1110,7 +1110,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",
@@ -1137,6 +1137,11 @@
           "description": "**Deprecated**: No longer necessary. Use Block Group for draggable functionality.. When `true`, the component displays a draggable button.",
           "values": []
         },
+        {
+          "name": "expanded",
+          "description": "When `true`, the component is expanded to show child components.",
+          "values": []
+        },
         {
           "name": "heading",
           "description": "The component header text.",
@@ -1272,7 +1277,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.",
           "values": []
         },
         {
@@ -1344,8 +1349,13 @@
     },
     {
       "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.",
+          "values": []
+        },
         {
           "name": "icon-end",
           "description": "Specifies an icon to display at the end of the component.",
@@ -1373,7 +1383,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.",
           "values": []
         },
         {
@@ -1832,7 +1842,7 @@
     },
     {
       "name": "calcite-chip",
-      "description": "### Events\n- **calciteChipClose** - Fires when the component's close button is selected.\n- **calciteChipSelect** - Fires when the selected state of the component 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 text.\n- **image** - A slot for adding an image.\n\n### CSS Properties\n- **--calcite-chip-background-color** - Specifies the component's background color. \n- **--calcite-chip-border-color** - Specifies the component's border color. \n- **--calcite-chip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-chip-text-color** - Specifies the component's text color. \n- **--calcite-chip-icon-color** - Specifies the component's icon color. \n- **--calcite-chip-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-chip-select-icon-color** - Specifies the component's selection element icon color. \n- **--calcite-chip-select-icon-color-pressed** - Specifies the component's selection element icon color when active. ",
+      "description": "### Events\n- **calciteChipClose** - Fires when the component's close button is selected.\n- **calciteChipSelect** - Fires when the selected state of the component 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 text.\n- **image** - A slot for adding an image.\n\n### CSS Properties\n- **--calcite-chip-background-color** - Specifies the component's background color. \n- **--calcite-chip-border-color** - Specifies the component's border color. \n- **--calcite-chip-close-icon-color** - Specifies the component's close element icon color. \n- **--calcite-chip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-chip-icon-color** - Specifies the component's icon color. \n- **--calcite-chip-select-icon-color-press** - Specifies the component's selection element icon color when active. \n- **--calcite-chip-select-icon-color-pressed** - [Deprecated] Use `--calcite-chip-select-icon-color-press`. Specifies the component's selection element icon color when active. \n- **--calcite-chip-select-icon-color** - Specifies the component's selection element icon color. \n- **--calcite-chip-text-color** - Specifies the component's text color. ",
       "attributes": [
         {
           "name": "appearance",
@@ -2195,7 +2205,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",
@@ -2362,7 +2372,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",
@@ -2434,7 +2444,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",
@@ -2977,6 +2987,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`.",
           "values": []
         },
+        {
+          "name": "offset-distance",
+          "description": "Offset the position of the component away from the `referenceElement`.",
+          "values": []
+        },
+        {
+          "name": "offset-skidding",
+          "description": "Offset the position of the component along the `referenceElement`.",
+          "values": []
+        },
         {
           "name": "open",
           "description": "When `true`, displays and positions the component.",
@@ -3087,6 +3107,11 @@
           "description": "Specifies and displays a group title.",
           "values": []
         },
+        {
+          "name": "position",
+          "description": "The position of the group in the dropdown menu.",
+          "values": []
+        },
         {
           "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.",
@@ -5031,6 +5056,11 @@
           "description": "When `true`, the item is not draggable.",
           "values": []
         },
+        {
+          "name": "expanded",
+          "description": "When `true`, the item is expanded to show child components.",
+          "values": []
+        },
         {
           "name": "icon-end",
           "description": "Specifies an icon to display at the end of the component.",
@@ -5063,7 +5093,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.",
           "values": []
         },
         {
@@ -5856,7 +5886,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",
@@ -6383,7 +6413,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",
@@ -8128,7 +8158,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.",
           "values": []
         },
         {