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

package/dist/extras/vscode-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": []
         },
         {

package/dist/index.js

@@ -2,7 +2,7 @@ import { s } from "./chunks/runtime.js";
 import { g as P } from "./chunks/runtime.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.8 */
+v3.1.0 */
 let e = !1;
 const o = (t) => {
   e = !0, s(t);

package/dist/loader.js

@@ -3,7 +3,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.1.0-next.8 */
+v3.1.0 */
 const o = t(e, {
   "calcite-accordion": [() => import("./components/calcite-accordion/customElement.js"), "appearance,iconPosition,iconType,scale,selectionMode"],
   "calcite-accordion-item": [() => import("./components/calcite-accordion-item/customElement.js"), "accordionParent:,description,expanded,heading,iconEnd,iconFlipRtl,iconPosition,iconStart,iconType,scale;setFocus"],
@@ -17,9 +17,9 @@ const o = t(e, {
   "calcite-autocomplete-item": [() => import("./components/calcite-autocomplete-item/customElement.js"), "active,description,disabled,guid,heading,iconEnd,iconFlipRtl,iconStart,inputValueMatchPattern:,label,scale,value"],
   "calcite-autocomplete-item-group": [() => import("./components/calcite-autocomplete-item-group/customElement.js"), "disableSpacing,heading,label,scale"],
   "calcite-avatar": [() => import("./components/calcite-avatar/customElement.js"), "fullName,label,scale,thumbnail,userId,username"],
-  "calcite-block": [() => import("./components/calcite-block/customElement.js"), "collapsible,description,disabled,dragDisabled,dragHandle,heading,headingLevel,iconEnd,iconFlipRtl,iconStart,label,loading,menuFlipPlacements:,menuPlacement,messageOverrides:,moveToItems:,open,overlayPositioning,setPosition,setSize,sortHandleOpen,status;setFocus"],
+  "calcite-block": [() => import("./components/calcite-block/customElement.js"), "collapsible,description,disabled,dragDisabled,dragHandle,expanded,heading,headingLevel,iconEnd,iconFlipRtl,iconStart,label,loading,menuFlipPlacements:,menuPlacement,messageOverrides:,moveToItems:,open,overlayPositioning,setPosition,setSize,sortHandleOpen,status;setFocus"],
   "calcite-block-group": [() => import("./components/calcite-block-group/customElement.js"), "canPull:,canPut:,disabled,dragEnabled,group,label,loading;setFocus"],
-  "calcite-block-section": [() => import("./components/calcite-block-section/customElement.js"), "iconEnd,iconFlipRtl,iconStart,messageOverrides:,open,status,text,toggleDisplay;setFocus"],
+  "calcite-block-section": [() => import("./components/calcite-block-section/customElement.js"), "expanded,iconEnd,iconFlipRtl,iconStart,messageOverrides:,open,status,text,toggleDisplay;setFocus"],
   "calcite-button": [() => import("./components/calcite-button/customElement.js"), "alignment,appearance,disabled,download,form,href,iconEnd,iconFlipRtl,iconStart,kind,label,loading,messageOverrides:,name,rel,round,scale,splitChild,target,type,width;setFocus"],
   "calcite-card": [() => import("./components/calcite-card/customElement.js"), "disabled,label,loading,messageOverrides:,selectable,selected,selectionMode,thumbnailPosition;setFocus"],
   "calcite-card-group": [() => import("./components/calcite-card-group/customElement.js"), "disabled,label,selectedItems:,selectionMode;setFocus"],
@@ -39,8 +39,8 @@ const o = t(e, {
   "calcite-date-picker-month": [() => import("./components/calcite-date-picker-month/customElement.js"), "activeDate:,dateTimeFormat:,endDate:,headingLevel,hoverRange:,layout,localeData:,max:,messages:,min:,monthStyle,range,scale,selectedDate:,startDate:"],
   "calcite-date-picker-month-header": [() => import("./components/calcite-date-picker-month-header/customElement.js"), "activeDate:,headingLevel,localeData:,max:,messages:,min:,monthStyle,position,scale,selectedDate:"],
   "calcite-dialog": [() => import("./components/calcite-dialog/customElement.js"), "beforeClose:,closeDisabled,description,dragEnabled,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,heading,headingLevel,kind,loading,menuOpen,messageOverrides:,modal,open,outsideCloseDisabled,overlayPositioning,placement,resizable,scale,width,widthScale;scrollContentTo,setFocus,updateFocusTrapElements"],
-  "calcite-dropdown": [() => import("./components/calcite-dropdown/customElement.js"), "closeOnSelectDisabled,disabled,flipPlacements:,maxItems,open,overlayPositioning,placement,scale,selectedItems:,type,width,widthScale;reposition,setFocus"],
-  "calcite-dropdown-group": [() => import("./components/calcite-dropdown-group/customElement.js"), "groupTitle,scale,selectionMode"],
+  "calcite-dropdown": [() => import("./components/calcite-dropdown/customElement.js"), "closeOnSelectDisabled,disabled,flipPlacements:,maxItems,offsetDistance,offsetSkidding,open,overlayPositioning,placement,scale,selectedItems:,type,width,widthScale;reposition,setFocus"],
+  "calcite-dropdown-group": [() => import("./components/calcite-dropdown-group/customElement.js"), "groupTitle,position,scale,selectionMode"],
   "calcite-dropdown-item": [() => import("./components/calcite-dropdown-item/customElement.js"), "disabled,href,iconEnd,iconFlipRtl,iconStart,label,rel,scale,selected,selectionMode,target;setFocus"],
   "calcite-fab": [() => import("./components/calcite-fab/customElement.js"), "appearance,disabled,icon,iconFlipRtl,kind,label,loading,scale,text,textEnabled;setFocus"],
   "calcite-filter": [() => import("./components/calcite-filter/customElement.js"), "disabled,filteredItems:,filterProps:,items:,label,messageOverrides:,placeholder,scale,value;filter,setFocus"],
@@ -60,7 +60,7 @@ const o = t(e, {
   "calcite-label": [() => import("./components/calcite-label/customElement.js"), "alignment,for,layout,scale"],
   "calcite-link": [() => import("./components/calcite-link/customElement.js"), "disabled,download,href,iconEnd,iconFlipRtl,iconStart,rel,target;setFocus"],
   "calcite-list": [() => import("./components/calcite-list/customElement.js"), "canPull:,canPut:,disabled,displayMode,dragEnabled,filteredData:,filteredItems:,filterEnabled,filterLabel,filterPlaceholder,filterPredicate:,filterProps:,filterText,group,interactionMode,label,loading,messageOverrides:,numberingSystem,scale,selectedItems:,selectionAppearance,selectionMode;setFocus"],
-  "calcite-list-item": [() => import("./components/calcite-list-item/customElement.js"), "active,bordered,closable,closed,description,disabled,displayMode,dragDisabled,dragHandle,filterHidden,iconEnd,iconFlipRtl,iconStart,interactionMode,label,messageOverrides:,metadata:,moveToItems:,open,scale,selected,selectionAppearance,selectionMode,setPosition,setSize,sortHandleOpen,unavailable,value;setFocus"],
+  "calcite-list-item": [() => import("./components/calcite-list-item/customElement.js"), "active,bordered,closable,closed,description,disabled,displayMode,dragDisabled,dragHandle,expanded,filterHidden,iconEnd,iconFlipRtl,iconStart,interactionMode,label,messageOverrides:,metadata:,moveToItems:,open,scale,selected,selectionAppearance,selectionMode,setPosition,setSize,sortHandleOpen,unavailable,value;setFocus"],
   "calcite-list-item-group": [() => import("./components/calcite-list-item-group/customElement.js"), "disabled,filterHidden,heading,scale"],
   "calcite-loader": [() => import("./components/calcite-loader/customElement.js"), "complete,inline,label,scale,text,type,value"],
   "calcite-menu": [() => import("./components/calcite-menu/customElement.js"), "label,layout,messageOverrides:;setFocus"],

package/dist/types/lumina.d.ts

@@ -162,7 +162,7 @@ interface LuminaCalciteAutocompleteItemGroup extends Required<Pick<AutocompleteI
 interface LuminaCalciteAvatar extends Partial<Pick<Avatar, 'fullName' | 'label' | 'scale' | 'thumbnail' | 'userId' | 'username'>>, h.JSX.HTMLAttributes<HTMLCalciteAvatarElement> {
 }
 
-interface LuminaCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, h.JSX.HTMLAttributes<HTMLCalciteBlockElement> {
+interface LuminaCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, h.JSX.HTMLAttributes<HTMLCalciteBlockElement> {
   oncalciteBlockBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
   oncalciteBlockBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeOpen"]>;
   oncalciteBlockClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockClose"]>;
@@ -180,7 +180,7 @@ interface LuminaCalciteBlockGroup extends Required<Pick<BlockGroup, 'label'>>, P
   oncalciteBlockGroupOrderChange?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
 }
 
-interface LuminaCalciteBlockSection extends Partial<Pick<BlockSection, 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, h.JSX.HTMLAttributes<HTMLCalciteBlockSectionElement> {
+interface LuminaCalciteBlockSection extends Partial<Pick<BlockSection, 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, h.JSX.HTMLAttributes<HTMLCalciteBlockSectionElement> {
   oncalciteBlockSectionToggle?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
 }
 
@@ -270,7 +270,7 @@ interface LuminaCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'clos
   oncalciteDialogScroll?: EventHandler<HTMLCalciteDialogElement["calciteDialogScroll"]>;
 }
 
-interface LuminaCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteDropdownElement> {
+interface LuminaCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, h.JSX.HTMLAttributes<HTMLCalciteDropdownElement> {
   oncalciteDropdownBeforeClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
   oncalciteDropdownBeforeOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeOpen"]>;
   oncalciteDropdownClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownClose"]>;
@@ -278,7 +278,7 @@ interface LuminaCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDis
   oncalciteDropdownSelect?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
 }
 
-interface LuminaCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'selectionMode'>>, h.JSX.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
+interface LuminaCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'position' | 'selectionMode'>>, h.JSX.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
 }
 
 interface LuminaCalciteDropdownItem extends Partial<Pick<DropdownItem, 'disabled' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'rel' | 'selected' | 'target'>>, h.JSX.HTMLAttributes<HTMLCalciteDropdownItemElement> {
@@ -374,7 +374,7 @@ interface LuminaCalciteList extends Required<Pick<List, 'label'>>, Partial<Pick<
   oncalciteListOrderChange?: EventHandler<HTMLCalciteListElement["calciteListOrderChange"]>;
 }
 
-interface LuminaCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, h.JSX.HTMLAttributes<HTMLCalciteListItemElement> {
+interface LuminaCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, h.JSX.HTMLAttributes<HTMLCalciteListItemElement> {
   oncalciteListItemClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemClose"]>;
   oncalciteListItemSelect?: EventHandler<HTMLCalciteListItemElement["calciteListItemSelect"]>;
   oncalciteListItemSortHandleBeforeClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeClose"]>;

package/dist/types/preact.d.ts

@@ -163,7 +163,7 @@ interface PreactCalciteAutocompleteItemGroup extends Required<Pick<AutocompleteI
 interface PreactCalciteAvatar extends Partial<Pick<Avatar, 'fullName' | 'label' | 'scale' | 'thumbnail' | 'userId' | 'username'>>, PreactJsx.HTMLAttributes<HTMLCalciteAvatarElement> {
 }
 
-interface PreactCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, PreactJsx.HTMLAttributes<HTMLCalciteBlockElement> {
+interface PreactCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, PreactJsx.HTMLAttributes<HTMLCalciteBlockElement> {
   oncalciteBlockBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
   oncalciteBlockBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeOpen"]>;
   oncalciteBlockClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockClose"]>;
@@ -181,7 +181,7 @@ interface PreactCalciteBlockGroup extends Required<Pick<BlockGroup, 'label'>>, P
   oncalciteBlockGroupOrderChange?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
 }
 
-interface PreactCalciteBlockSection extends Partial<Pick<BlockSection, 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, PreactJsx.HTMLAttributes<HTMLCalciteBlockSectionElement> {
+interface PreactCalciteBlockSection extends Partial<Pick<BlockSection, 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, PreactJsx.HTMLAttributes<HTMLCalciteBlockSectionElement> {
   oncalciteBlockSectionToggle?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
 }
 
@@ -271,7 +271,7 @@ interface PreactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'clos
   oncalciteDialogScroll?: EventHandler<HTMLCalciteDialogElement["calciteDialogScroll"]>;
 }
 
-interface PreactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteDropdownElement> {
+interface PreactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, PreactJsx.HTMLAttributes<HTMLCalciteDropdownElement> {
   oncalciteDropdownBeforeClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
   oncalciteDropdownBeforeOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeOpen"]>;
   oncalciteDropdownClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownClose"]>;
@@ -279,7 +279,7 @@ interface PreactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDis
   oncalciteDropdownSelect?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
 }
 
-interface PreactCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'selectionMode'>>, PreactJsx.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
+interface PreactCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'position' | 'selectionMode'>>, PreactJsx.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
 }
 
 interface PreactCalciteDropdownItem extends Partial<Pick<DropdownItem, 'disabled' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'rel' | 'selected' | 'target'>>, PreactJsx.HTMLAttributes<HTMLCalciteDropdownItemElement> {
@@ -375,7 +375,7 @@ interface PreactCalciteList extends Required<Pick<List, 'label'>>, Partial<Pick<
   oncalciteListOrderChange?: EventHandler<HTMLCalciteListElement["calciteListOrderChange"]>;
 }
 
-interface PreactCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, PreactJsx.HTMLAttributes<HTMLCalciteListItemElement> {
+interface PreactCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, PreactJsx.HTMLAttributes<HTMLCalciteListItemElement> {
   oncalciteListItemClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemClose"]>;
   oncalciteListItemSelect?: EventHandler<HTMLCalciteListItemElement["calciteListItemSelect"]>;
   oncalciteListItemSortHandleBeforeClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeClose"]>;

package/dist/types/react.d.ts

@@ -163,7 +163,7 @@ interface ReactCalciteAutocompleteItemGroup extends Required<Pick<AutocompleteIt
 interface ReactCalciteAvatar extends Partial<Pick<Avatar, 'fullName' | 'label' | 'scale' | 'thumbnail' | 'userId' | 'username'>>, HTMLProps<HTMLCalciteAvatarElement> {
 }
 
-interface ReactCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, HTMLProps<HTMLCalciteBlockElement> {
+interface ReactCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, HTMLProps<HTMLCalciteBlockElement> {
   oncalciteBlockBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
   oncalciteBlockBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeOpen"]>;
   oncalciteBlockClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockClose"]>;
@@ -181,7 +181,7 @@ interface ReactCalciteBlockGroup extends Required<Pick<BlockGroup, 'label'>>, Pa
   oncalciteBlockGroupOrderChange?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
 }
 
-interface ReactCalciteBlockSection extends Partial<Pick<BlockSection, 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, HTMLProps<HTMLCalciteBlockSectionElement> {
+interface ReactCalciteBlockSection extends Partial<Pick<BlockSection, 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, HTMLProps<HTMLCalciteBlockSectionElement> {
   oncalciteBlockSectionToggle?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
 }
 
@@ -271,7 +271,7 @@ interface ReactCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'close
   oncalciteDialogScroll?: EventHandler<HTMLCalciteDialogElement["calciteDialogScroll"]>;
 }
 
-interface ReactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteDropdownElement> {
+interface ReactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, HTMLProps<HTMLCalciteDropdownElement> {
   oncalciteDropdownBeforeClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
   oncalciteDropdownBeforeOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeOpen"]>;
   oncalciteDropdownClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownClose"]>;
@@ -279,7 +279,7 @@ interface ReactCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisa
   oncalciteDropdownSelect?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
 }
 
-interface ReactCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'selectionMode'>>, HTMLProps<HTMLCalciteDropdownGroupElement> {
+interface ReactCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'position' | 'selectionMode'>>, HTMLProps<HTMLCalciteDropdownGroupElement> {
 }
 
 interface ReactCalciteDropdownItem extends Partial<Pick<DropdownItem, 'disabled' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'rel' | 'selected' | 'target'>>, HTMLProps<HTMLCalciteDropdownItemElement> {
@@ -375,7 +375,7 @@ interface ReactCalciteList extends Required<Pick<List, 'label'>>, Partial<Pick<L
   oncalciteListOrderChange?: EventHandler<HTMLCalciteListElement["calciteListOrderChange"]>;
 }
 
-interface ReactCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, HTMLProps<HTMLCalciteListItemElement> {
+interface ReactCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, HTMLProps<HTMLCalciteListItemElement> {
   oncalciteListItemClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemClose"]>;
   oncalciteListItemSelect?: EventHandler<HTMLCalciteListItemElement["calciteListItemSelect"]>;
   oncalciteListItemSortHandleBeforeClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeClose"]>;

package/dist/types/stencil.d.ts

@@ -163,7 +163,7 @@ interface StencilCalciteAutocompleteItemGroup extends Required<Pick<Autocomplete
 interface StencilCalciteAvatar extends Partial<Pick<Avatar, 'fullName' | 'label' | 'scale' | 'thumbnail' | 'userId' | 'username'>>, StencilJsx.HTMLAttributes<HTMLCalciteAvatarElement> {
 }
 
-interface StencilCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockElement> {
+interface StencilCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'sortHandleOpen' | 'status'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockElement> {
   onCalciteBlockBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
   onCalciteBlockBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeOpen"]>;
   onCalciteBlockClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockClose"]>;
@@ -181,7 +181,7 @@ interface StencilCalciteBlockGroup extends Required<Pick<BlockGroup, 'label'>>,
   onCalciteBlockGroupOrderChange?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
 }
 
-interface StencilCalciteBlockSection extends Partial<Pick<BlockSection, 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockSectionElement> {
+interface StencilCalciteBlockSection extends Partial<Pick<BlockSection, 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'status' | 'text' | 'toggleDisplay'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockSectionElement> {
   onCalciteBlockSectionToggle?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
 }
 
@@ -271,7 +271,7 @@ interface StencilCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'clo
   onCalciteDialogScroll?: EventHandler<HTMLCalciteDialogElement["calciteDialogScroll"]>;
 }
 
-interface StencilCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownElement> {
+interface StencilCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'type' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownElement> {
   onCalciteDropdownBeforeClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
   onCalciteDropdownBeforeOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeOpen"]>;
   onCalciteDropdownClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownClose"]>;
@@ -279,7 +279,7 @@ interface StencilCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDi
   onCalciteDropdownSelect?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
 }
 
-interface StencilCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
+interface StencilCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'position' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
 }
 
 interface StencilCalciteDropdownItem extends Partial<Pick<DropdownItem, 'disabled' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'rel' | 'selected' | 'target'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownItemElement> {
@@ -375,7 +375,7 @@ interface StencilCalciteList extends Required<Pick<List, 'label'>>, Partial<Pick
   onCalciteListOrderChange?: EventHandler<HTMLCalciteListElement["calciteListOrderChange"]>;
 }
 
-interface StencilCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteListItemElement> {
+interface StencilCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteListItemElement> {
   onCalciteListItemClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemClose"]>;
   onCalciteListItemSelect?: EventHandler<HTMLCalciteListItemElement["calciteListItemSelect"]>;
   onCalciteListItemSortHandleBeforeClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeClose"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "3.1.0-next.8",
+  "version": "3.1.0",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -32,7 +32,8 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist/",
-    "hydrate/"
+    "hydrate/",
+    "THIRD-PARTY-LICENSES.md"
   ],
   "scripts": {
     "build": "npm run util:prep-build-reqs && vite build",
@@ -65,18 +66,18 @@
     "util:hydration-styles": "tsx support/hydrationStyles.ts",
     "util:is-working-tree-clean": "[ -z \"$(git status --porcelain=v1)\" ]",
     "util:prep-build-reqs": "npm run util:copy-assets",
-    "util:test-types": "! grep -rnw 'dist/types' -e '<reference types='"
+    "util:test-types": "! grep -rnw 'dist/types' -e '<reference types='",
+    "util:update-3rd-party-licenses": "tsx ../../support/createThirdPartyLicenses.ts"
   },
   "dependencies": {
-    "@arcgis/components-controllers": "^4.32.0-next.129",
-    "@arcgis/components-utils": "^4.32.0-next.129",
-    "@arcgis/lumina": "^4.32.0-next.129",
-    "@esri/calcite-ui-icons": "4.0.1-next.0",
+    "@arcgis/components-controllers": "^4.32.12",
+    "@arcgis/components-utils": "^4.32.12",
+    "@arcgis/lumina": "^4.32.12",
+    "@esri/calcite-ui-icons": "4.1.0",
     "@floating-ui/dom": "^1.6.12",
     "@floating-ui/utils": "^0.2.8",
-    "@types/color": "^4.2.0",
     "@types/sortablejs": "^1.15.8",
-    "color": "^4.2.3",
+    "color": "^5.0.0",
     "composed-offset-position": "^0.0.6",
     "dayjs": "^1.11.13",
     "focus-trap": "^7.6.2",
@@ -87,8 +88,8 @@
     "type-fest": "^4.30.1"
   },
   "devDependencies": {
-    "@esri/calcite-design-tokens": "3.0.1-next.0",
-    "@esri/eslint-plugin-calcite-components": "2.0.1-next.0"
+    "@esri/calcite-design-tokens": "3.0.1",
+    "@esri/eslint-plugin-calcite-components": "2.0.1"
   },
   "volta": {
     "extends": "../../package.json"
@@ -101,5 +102,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "4e5a9d4da9d77efda1c5e72aba2996e349b5a744"
+  "gitHead": "d5f75fd644ca26682acb9c16f9a2223fa9ae8359"
 }