@esri/calcite-components 2.2.0-next.7 → 2.2.0-next.9

package/dist/cjs/calcite-input-time-zone.cjs.entry.js

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const label = require('./label-5a667a29.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const locale = require('./locale-6380f8fd.js');
-const t9n = require('./t9n-2007f297.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const form = require('./form-28894c22.js');
-require('./dom-594b805d.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./component-e232b290.js');
-require('./browser-959185aa.js');
-require('./key-c023f3e3.js');
-require('./observers-952444d2.js');
+const index = require('./index-9c7b583a.js');
+const label = require('./label-2f23cffd.js');
+const interactive = require('./interactive-9069ba3b.js');
+const locale = require('./locale-4943de4f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const loadable = require('./loadable-43db5758.js');
+const form = require('./form-caf82575.js');
+require('./dom-b6bc10de.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./component-988081ea.js');
+require('./browser-3d891f13.js');
+require('./key-38e595a7.js');
+require('./observers-dd83c8bf.js');
 
 const hourToMinutes = 60;
 const timeZoneNameBlockList = [
@@ -74,8 +74,8 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate) {
     if (mode === "offset") {
         if (!timeZoneGroups) {
             timeZoneGroups = Promise.all([
-                Promise.resolve().then(function () { return require('./index-203427ec.js'); }),
-                Promise.resolve().then(function () { return require('./index-29116578.js'); }),
+                Promise.resolve().then(function () { return require('./index-1c646cbc.js'); }),
+                Promise.resolve().then(function () { return require('./index-db40befa.js'); }),
             ]);
         }
         return timeZoneGroups.then(async ([{ groupTimeZones }, { DateEngine }]) => {

package/dist/cjs/calcite-input.cjs.entry.js

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const form = require('./form-28894c22.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const key = require('./key-c023f3e3.js');
-const label = require('./label-5a667a29.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const observers = require('./observers-952444d2.js');
-const resources = require('./resources-36901a12.js');
-const t9n = require('./t9n-2007f297.js');
-const component = require('./component-e232b290.js');
-const Validation = require('./Validation-b36431f0.js');
-require('./guid-cddacceb.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const form = require('./form-caf82575.js');
+const interactive = require('./interactive-9069ba3b.js');
+const key = require('./key-38e595a7.js');
+const label = require('./label-2f23cffd.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const observers = require('./observers-dd83c8bf.js');
+const resources = require('./resources-459a530e.js');
+const t9n = require('./t9n-ec81bca5.js');
+const component = require('./component-988081ea.js');
+const Validation = require('./Validation-6291de9a.js');
+require('./guid-e08074dd.js');
+require('./browser-3d891f13.js');
 
 const CSS = {
     loader: "loader",

package/dist/cjs/calcite-label.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const label = require('./label-5a667a29.js');
-require('./dom-594b805d.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./component-e232b290.js');
+const index = require('./index-9c7b583a.js');
+const label = require('./label-2f23cffd.js');
+require('./dom-b6bc10de.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./component-988081ea.js');
 
 const CSS = {
     container: "container",

package/dist/cjs/calcite-link.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const resources = require('./resources-36901a12.js');
-require('./guid-cddacceb.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const loadable = require('./loadable-43db5758.js');
+const resources = require('./resources-459a530e.js');
+require('./guid-e08074dd.js');
+require('./browser-3d891f13.js');
 
 const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-list_3.cjs.entry.js

@@ -1,29 +1,31 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const observers = require('./observers-952444d2.js');
-const sortableComponent = require('./sortableComponent-80624b05.js');
-const resources = require('./resources-e57debda.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const t9n = require('./t9n-2007f297.js');
-const locale = require('./locale-6380f8fd.js');
-const debounce = require('./debounce-a866e732.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
-require('./key-c023f3e3.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const observers = require('./observers-dd83c8bf.js');
+const sortableComponent = require('./sortableComponent-35c30b3a.js');
+const resources = require('./resources-a346dd5b.js');
+const loadable = require('./loadable-43db5758.js');
+const t9n = require('./t9n-ec81bca5.js');
+const locale = require('./locale-4943de4f.js');
+const debounce = require('./debounce-fa6ea1bf.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
+require('./key-38e595a7.js');
 
 const CSS$2 = {
     container: "container",
+    containerHover: "container--hover",
+    containerBorder: "container--border",
     containerBorderSelected: "container--border-selected",
     containerBorderUnselected: "container--border-unselected",
     contentContainer: "content-container",
@@ -41,6 +43,7 @@ const CSS$2 = {
     contentBottom: "content-bottom",
     actionsEnd: "actions-end",
     selectionContainer: "selection-container",
+    selectionContainerSingle: "selection-container--single",
     openContainer: "open-container",
     dragContainer: "drag-container",
 };
@@ -55,12 +58,13 @@ const SLOTS$1 = {
 // Set to zero to extend until the end of the table section.
 const MAX_COLUMNS = 0;
 const ICONS = {
-    selectedMultiple: "check-circle-f",
-    selectedSingle: "circle-f",
-    unselected: "blank",
-    closedLTR: "caret-right",
-    closedRTL: "caret-left",
-    open: "caret-down",
+    selectedMultiple: "check-square-f",
+    selectedSingle: "bullet-point-large",
+    unselectedMultiple: "square",
+    unselectedSingle: "bullet-point-large",
+    closedLTR: "chevron-right",
+    closedRTL: "chevron-left",
+    open: "chevron-down",
     blank: "blank",
     close: "x",
 };
@@ -126,7 +130,7 @@ const List = class {
         this.calciteListFilter = index.createEvent(this, "calciteListFilter", 6);
         this.calciteListOrderChange = index.createEvent(this, "calciteListOrderChange", 6);
         this.calciteInternalListDefaultSlotChange = index.createEvent(this, "calciteInternalListDefaultSlotChange", 6);
-        this.dragSelector = "calcite-list-item";
+        this.dragSelector = listItemSelector;
         this.focusableItems = [];
         this.handleSelector = "calcite-handle";
         this.listItems = [];
@@ -292,9 +296,9 @@ const List = class {
             this.ancestorOfFirstFilteredItem?.setAttribute("data-filter", "0");
         };
         this.getTopLevelAncestorItemElement = (el) => {
-            let closestParent = el.parentElement.closest("calcite-list-item");
+            let closestParent = el.parentElement.closest(listItemSelector);
             while (closestParent) {
-                const closestListItemAncestor = closestParent.parentElement.closest("calcite-list-item");
+                const closestListItemAncestor = closestParent.parentElement.closest(listItemSelector);
                 if (closestListItemAncestor) {
                     closestParent = closestListItemAncestor;
                 }
@@ -368,7 +372,7 @@ const List = class {
         }
         this.updateSelectedItems(true);
     }
-    handleCalciteInternalHandleChange(event) {
+    handleCalciteInternalAssistiveTextChange(event) {
         this.assistiveText = event.detail.message;
         event.stopPropagation();
     }
@@ -569,18 +573,19 @@ const List = class {
         this.updateFilteredData();
     }
     handleNudgeEvent(event) {
+        const { handleSelector, dragSelector } = this;
         const { direction } = event.detail;
         const composedPath = event.composedPath();
-        const handle = composedPath.find((el) => el.tagName === "CALCITE-HANDLE");
-        const sortItem = composedPath.find((el) => el.tagName === "CALCITE-LIST-ITEM");
-        const parentEl = sortItem?.parentElement;
+        const handle = composedPath.find((el) => el?.tagName && el.matches(handleSelector));
+        const dragEl = composedPath.find((el) => el?.tagName && el.matches(dragSelector));
+        const parentEl = dragEl?.parentElement;
         if (!parentEl) {
             return;
         }
         const { filteredItems } = this;
         const sameParentItems = filteredItems.filter((item) => item.parentElement === parentEl);
         const lastIndex = sameParentItems.length - 1;
-        const oldIndex = sameParentItems.indexOf(sortItem);
+        const oldIndex = sameParentItems.indexOf(dragEl);
         let newIndex;
         if (direction === "up") {
             newIndex = oldIndex === 0 ? lastIndex : oldIndex - 1;
@@ -593,11 +598,11 @@ const List = class {
         const referenceEl = (direction === "up" && newIndex !== lastIndex) || (direction === "down" && newIndex === 0)
             ? sameParentItems[newIndex]
             : sameParentItems[newIndex].nextSibling;
-        parentEl.insertBefore(sortItem, referenceEl);
+        parentEl.insertBefore(dragEl, referenceEl);
         this.updateListItems();
         this.connectObserver();
         this.calciteListOrderChange.emit({
-            dragEl: sortItem,
+            dragEl,
             fromEl: parentEl,
             toEl: parentEl,
             newIndex,
@@ -620,7 +625,7 @@ const List = class {
 };
 List.style = listCss;
 
-const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border-selected{border-inline-start:4px solid var(--calcite-color-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";
+const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";
 
 const focusMap = new Map();
 const listSelector = "calcite-list";
@@ -900,11 +905,16 @@ const ListItem = class {
         if (selectionMode === "none" || selectionAppearance === "border") {
             return null;
         }
-        return (index.h("td", { class: CSS$2.selectionContainer, key: "selection-container", onClick: this.handleItemClick }, index.h("calcite-icon", { icon: selected
+        return (index.h("td", { class: {
+                [CSS$2.selectionContainer]: true,
+                [CSS$2.selectionContainerSingle]: selectionMode === "single" || selectionMode === "single-persist",
+            }, key: "selection-container", onClick: this.handleItemClick }, index.h("calcite-icon", { icon: selected
                 ? selectionMode === "multiple"
                     ? ICONS.selectedMultiple
                     : ICONS.selectedSingle
-                : ICONS.unselected, scale: "s" })));
+                : selectionMode === "multiple"
+                    ? ICONS.unselectedMultiple
+                    : ICONS.unselectedSingle, scale: "s" })));
     }
     renderDragHandle() {
         const { label, dragHandle, dragDisabled, setPosition, setSize } = this;
@@ -987,6 +997,8 @@ const ListItem = class {
         const borderUnselected = showBorder && !selected;
         return (index.h(index.Host, null, index.h(interactive.InteractiveContainer, { disabled: this.disabled }, index.h("tr", { "aria-expanded": openable ? dom.toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": dom.toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$2.container]: true,
+                [CSS$2.containerHover]: selectionMode !== "none",
+                [CSS$2.containerBorder]: showBorder,
                 [CSS$2.containerBorderSelected]: borderSelected,
                 [CSS$2.containerBorderUnselected]: borderUnselected,
             }, hidden: closed, onFocus: this.focusCellNull, onFocusin: this.emitInternalListItemActive, onKeyDown: this.handleItemKeyDown, role: "row", style: { "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` }, tabIndex: active ? 0 : -1,