diff --git a/packages/calcite-components/src/components/list-item/list-item.e2e.ts b/packages/calcite-components/src/components/list-item/list-item.e2e.ts
index 863e74b65ac..a28772fa82e 100755
--- a/packages/calcite-components/src/components/list-item/list-item.e2e.ts
+++ b/packages/calcite-components/src/components/list-item/list-item.e2e.ts
@@ -45,6 +45,18 @@ describe("calcite-list-item", () => {
         propertyName: "open",
         defaultValue: false,
       },
+      {
+        propertyName: "expanded",
+        defaultValue: false,
+      },
+      {
+        propertyName: "closed",
+        defaultValue: false,
+      },
+      {
+        propertyName: "closable",
+        defaultValue: false,
+      },
       {
         propertyName: "dragHandle",
         defaultValue: false,
@@ -90,6 +102,22 @@ describe("calcite-list-item", () => {
         propertyName: "sortHandleOpen",
         value: true,
       },
+      {
+        propertyName: "open",
+        value: true,
+      },
+      {
+        propertyName: "expanded",
+        value: true,
+      },
+      {
+        propertyName: "closed",
+        value: true,
+      },
+      {
+        propertyName: "closable",
+        value: true,
+      },
     ]);
   });
 
@@ -370,50 +398,69 @@ describe("calcite-list-item", () => {
     expect(calciteListItemClose).toHaveReceivedEventTimes(1);
   });
 
-  it("should fire calciteListItemToggle event when opened and closed", async () => {
-    const page = await newE2EPage({
-      html: html`<calcite-list-item id="test" display-mode="nested"
-        ><calcite-list display-mode="nested"><calcite-list-item></calcite-list-item></calcite-list
-      ></calcite-list-item>`,
+  describe("calciteListItemToggle event", () => {
+    it("should fire calciteListItemToggle event when expanded and collapsed", async () => {
+      const page = await newE2EPage({
+        html: html`<calcite-list-item id="test" display-mode="nested"
+          ><calcite-list display-mode="nested"><calcite-list-item></calcite-list-item></calcite-list
+        ></calcite-list-item>`,
+      });
+
+      const listItem = await page.find("#test");
+      const calciteListItemToggle = await page.spyOnEvent("calciteListItemToggle", "window");
+
+      expect(await listItem.getProperty("expanded")).toBe(false);
+
+      const expandedButton = await page.find(`#test >>> .${CSS.expandedContainer}`);
+
+      await expandedButton.click();
+      expect(await listItem.getProperty("expanded")).toBe(true);
+      expect(calciteListItemToggle).toHaveReceivedEventTimes(1);
+
+      await expandedButton.click();
+      expect(await listItem.getProperty("expanded")).toBe(false);
+      expect(calciteListItemToggle).toHaveReceivedEventTimes(2);
     });
 
-    const listItem = await page.find("#test");
-    const calciteListItemToggle = await page.spyOnEvent("calciteListItemToggle", "window");
+    it("should not fire calciteListItemToggle event without nested items", async () => {
+      const page = await newE2EPage({
+        html: html`<calcite-list-item display-mode="nested"></calcite-list-item>`,
+      });
 
-    expect(await listItem.getProperty("open")).toBe(false);
+      const listItem = await page.find("calcite-list-item");
+      const calciteListItemToggle = await page.spyOnEvent("calciteListItemToggle", "window");
 
-    const openButton = await page.find(`#test >>> .${CSS.openContainer}`);
+      expect(await listItem.getProperty("expanded")).toBe(false);
 
-    await openButton.click();
-    expect(await listItem.getProperty("open")).toBe(true);
-    expect(calciteListItemToggle).toHaveReceivedEventTimes(1);
+      const expandedButton = await page.find(`calcite-list-item >>> .${CSS.expandedContainer}`);
 
-    await openButton.click();
-    expect(await listItem.getProperty("open")).toBe(false);
-    expect(calciteListItemToggle).toHaveReceivedEventTimes(2);
+      expect(expandedButton.getAttribute("title")).toBe(null);
+
+      await expandedButton.click();
+      expect(await listItem.getProperty("expanded")).toBe(false);
+      expect(calciteListItemToggle).toHaveReceivedEventTimes(0);
+
+      await expandedButton.click();
+      expect(await listItem.getProperty("expanded")).toBe(false);
+      expect(calciteListItemToggle).toHaveReceivedEventTimes(0);
+    });
   });
 
-  it("should not fire calciteListItemToggle event without nested items", async () => {
+  // Broader functionality related to the 'expanded' prop is covered in the `expanded` tests.
+  it("should map deprecated 'open' prop to 'expanded' prop", async () => {
     const page = await newE2EPage({
-      html: html`<calcite-list-item display-mode="nested"></calcite-list-item>`,
+      html: html`<calcite-list-item></calcite-list-item>`,
     });
-
     const listItem = await page.find("calcite-list-item");
-    const calciteListItemToggle = await page.spyOnEvent("calciteListItemToggle", "window");
-
-    expect(await listItem.getProperty("open")).toBe(false);
+    expect(await listItem.getProperty("expanded")).toBe(false);
 
-    const openButton = await page.find(`calcite-list-item >>> .${CSS.openContainer}`);
-
-    expect(openButton.getAttribute("title")).toBe(null);
-
-    await openButton.click();
-    expect(await listItem.getProperty("open")).toBe(false);
-    expect(calciteListItemToggle).toHaveReceivedEventTimes(0);
+    listItem.setProperty("open", true);
+    await page.waitForChanges();
+    expect(await listItem.getProperty("expanded")).toBe(true);
 
-    await openButton.click();
-    expect(await listItem.getProperty("open")).toBe(false);
-    expect(calciteListItemToggle).toHaveReceivedEventTimes(0);
+    listItem.setProperty("open", false);
+    await page.waitForChanges();
+    expect(await listItem.getProperty("expanded")).toBe(false);
   });
 
   it("should set displayMode on slotted list", async () => {
@@ -438,16 +485,16 @@ describe("calcite-list-item", () => {
     expect(await list.getProperty("displayMode")).toBe("flat");
   });
 
-  it("flat list should not render open container", async () => {
+  it("flat list should not render expanded container", async () => {
     const page = await newE2EPage({
       html: html`<calcite-list-item display-mode="flat"
         ><calcite-list><calcite-list-item></calcite-list-item></calcite-list
       ></calcite-list-item>`,
     });
 
-    const openButton = await page.find(`calcite-list-item >>> .${CSS.openContainer}`);
+    const expandedButton = await page.find(`calcite-list-item >>> .${CSS.expandedContainer}`);
 
-    expect(openButton).toBe(null);
+    expect(expandedButton).toBe(null);
   });
 
   it("renders with iconStart", async () => {
@@ -526,6 +573,7 @@ describe("calcite-list-item", () => {
         },
       );
     });
+
     describe(`selection-appearance="border"`, () => {
       themed(
         html`<calcite-list-item
diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index 2f709d2adac..b4ed75deb48 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -84,7 +84,7 @@
   margin-inline-start: var(--calcite-list-spacing-indent, theme("spacing.6"));
 }
 
-.nested-container--open {
+.nested-container--expanded {
   @apply flex;
 }
 
@@ -373,12 +373,12 @@
   @apply flex-initial;
 }
 
-.open-container {
+.expanded-container {
   color: var(--calcite-list-icon-color, var(--calcite-color-text-3));
   padding-inline: var(--calcite-spacing-xxs);
 }
 
-:host(:not([disabled])) .container:hover .open-container {
+:host(:not([disabled])) .container:hover .expanded-container {
   color: var(--calcite-list-icon-color, var(--calcite-color-text-1));
 }
 
@@ -388,7 +388,7 @@
 .content-end,
 .selection-container,
 .drag-container,
-.open-container {
+.expanded-container {
   @apply flex items-center;
 
   calcite-action,
@@ -397,7 +397,7 @@
   }
 }
 
-.open-container,
+.expanded-container,
 .selection-container {
   @apply cursor-pointer;
 }
diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
index 7807ce81743..245efaebea5 100644
--- a/packages/calcite-components/src/components/list-item/list-item.tsx
+++ b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -19,6 +19,7 @@ import type { SortHandle } from "../sort-handle/sort-handle";
 import type { List } from "../list/list";
 import { getIconScale } from "../../utils/component";
 import { ListDisplayMode } from "../list/interfaces";
+import { logger } from "../../utils/logger";
 import T9nStrings from "./assets/t9n/messages.en.json";
 import { getDepth, getListItemChildren, listSelector } from "./utils";
 import { CSS, activeCellTestAttribute, ICONS, SLOTS } from "./resources";
@@ -81,7 +82,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
 
   @state() level: number = null;
 
-  @state() openable = false;
+  @state() expandable = false;
 
   @state() parentListEl: List["el"];
 
@@ -125,6 +126,9 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
    */
   @property({ reflect: true }) dragHandle = false;
 
+  /** When `true`, the item is expanded to show child components. */
+  @property({ reflect: true }) expanded = false;
+
   /**
    * Hides the component when filtered.
    *
@@ -169,8 +173,24 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
    */
   @property() moveToItems: MoveTo[] = [];
 
-  /** When `true`, the item is open to show child components. */
-  @property({ reflect: true }) open = false;
+  /**
+   * When `true`, the item is open to show child components.
+   *
+   * @deprecated Use `expanded` prop instead.
+   */
+  @property({ reflect: true })
+  get open(): boolean {
+    return this.expanded;
+  }
+
+  set open(value: boolean) {
+    logger.deprecated("property", {
+      name: "open",
+      removalVersion: 4,
+      suggested: "expanded",
+    });
+    this.expanded = value;
+  }
 
   /**
    * Specifies the size of the component.
@@ -366,8 +386,8 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       this.handleDisabledChange();
     }
 
-    if (changes.has("open") && (this.hasUpdated || this.open !== false)) {
-      this.handleOpenChange();
+    if (changes.has("expanded") && (this.hasUpdated || this.expanded !== false)) {
+      this.handleExpandedChange();
     }
 
     if (changes.has("selected") && (this.hasUpdated || this.selected !== false)) {
@@ -379,7 +399,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
     }
 
     if (changes.has("displayMode") && this.hasUpdated) {
-      this.handleOpenableChange(this.defaultSlotEl.value);
+      this.handleExpandableChange(this.defaultSlotEl.value);
     }
   }
 
@@ -405,7 +425,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
     this.emitCalciteInternalListItemChange();
   }
 
-  private handleOpenChange(): void {
+  private handleExpandedChange(): void {
     this.emitCalciteInternalListItemToggle();
   }
 
@@ -424,7 +444,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
 
   private handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void {
     event.stopPropagation();
-    this.handleOpenableChange(this.defaultSlotEl.value);
+    this.handleExpandableChange(this.defaultSlotEl.value);
   }
 
   private setSortHandleEl(el: SortHandle["el"]): void {
@@ -511,7 +531,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
     }
   }
 
-  private handleOpenableChange(slotEl: HTMLSlotElement): void {
+  private handleExpandableChange(slotEl: HTMLSlotElement): void {
     if (!slotEl) {
       return;
     }
@@ -522,20 +542,20 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       list.displayMode = this.displayMode;
     });
 
-    this.openable =
+    this.expandable =
       this.displayMode === "nested" && (children.lists.length > 0 || children.items.length > 0);
   }
 
   private handleDefaultSlotChange(event: Event): void {
-    this.handleOpenableChange(event.target as HTMLSlotElement);
+    this.handleExpandableChange(event.target as HTMLSlotElement);
   }
 
   private handleToggleClick(): void {
     this.toggle();
   }
 
-  private toggle(value = !this.open): void {
-    this.open = value;
+  private toggle(value = !this.expanded): void {
+    this.expanded = value;
     this.calciteListItemToggle.emit();
   }
 
@@ -588,8 +608,8 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       containerEl: { value: containerEl },
       actionsStartEl: { value: actionsStartEl },
       actionsEndEl: { value: actionsEndEl },
-      open,
-      openable,
+      expanded,
+      expandable,
     } = this;
 
     const cells = this.getGridCells();
@@ -606,7 +626,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       event.preventDefault();
       const nextIndex = currentIndex + 1;
       if (currentIndex === -1) {
-        if (!open && openable) {
+        if (!expanded && expandable) {
           this.toggle(true);
           this.focusCell(null);
         } else if (cells[0]) {
@@ -620,7 +640,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       const prevIndex = currentIndex - 1;
       if (currentIndex === -1) {
         this.focusCell(null);
-        if (open && openable) {
+        if (expanded && expandable) {
           this.toggle(false);
         } else {
           this.calciteInternalFocusPreviousItem.emit();
@@ -745,8 +765,8 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
     ) : null;
   }
 
-  private renderOpen(): JsxNode {
-    const { el, open, openable, messages, displayMode, scale } = this;
+  private renderExpanded(): JsxNode {
+    const { el, expanded, expandable, messages, displayMode, scale } = this;
 
     if (displayMode !== "nested") {
       return null;
@@ -754,25 +774,25 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
 
     const dir = getElementDir(el);
 
-    const icon = openable
-      ? open
+    const icon = expandable
+      ? expanded
         ? ICONS.open
         : dir === "rtl"
-          ? ICONS.closedRTL
-          : ICONS.closedLTR
+          ? ICONS.collapsedRTL
+          : ICONS.collapsedLTR
       : ICONS.blank;
 
     const iconScale = getIconScale(scale);
 
-    const tooltip = openable ? (open ? messages.collapse : messages.expand) : undefined;
+    const tooltip = expandable ? (expanded ? messages.collapse : messages.expand) : undefined;
 
-    const openClickHandler = openable ? this.handleToggleClick : undefined;
+    const expandedClickHandler = expandable ? this.handleToggleClick : undefined;
 
     return (
       <div
-        class={CSS.openContainer}
-        key="open-container"
-        onClick={openClickHandler}
+        class={CSS.expandedContainer}
+        key="expanded-container"
+        onClick={expandedClickHandler}
         title={tooltip}
       >
         <calcite-icon icon={icon} key={icon} scale={iconScale} />
@@ -893,7 +913,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       <div
         class={{
           [CSS.nestedContainer]: true,
-          [CSS.nestedContainerOpen]: this.openable && this.open,
+          [CSS.nestedContainerExpanded]: this.expandable && this.expanded,
         }}
       >
         <slot onSlotChange={this.handleDefaultSlotChange} ref={this.defaultSlotEl} />
@@ -954,8 +974,8 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
 
   override render(): JsxNode {
     const {
-      openable,
-      open,
+      expandable,
+      expanded,
       level,
       active,
       label,
@@ -987,7 +1007,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
       <InteractiveContainer disabled={disabled}>
         <div class={{ [CSS.wrapper]: true, [CSS.wrapperBordered]: wrapperBordered }}>
           <div
-            ariaExpanded={openable ? open : null}
+            ariaExpanded={expandable ? expanded : null}
             ariaLabel={label}
             ariaLevel={level}
             ariaSelected={selected}
@@ -1009,7 +1029,7 @@ export class ListItem extends LitElement implements InteractiveComponent, Sortab
           >
             {this.renderDragHandle()}
             {this.renderSelected()}
-            {this.renderOpen()}
+            {this.renderExpanded()}
             <div
               class={{
                 [CSS.contentContainerWrapper]: true,
diff --git a/packages/calcite-components/src/components/list-item/resources.ts b/packages/calcite-components/src/components/list-item/resources.ts
index 9f60046725c..fa408b38f87 100644
--- a/packages/calcite-components/src/components/list-item/resources.ts
+++ b/packages/calcite-components/src/components/list-item/resources.ts
@@ -1,36 +1,37 @@
 export const CSS = {
-  wrapper: "wrapper",
-  wrapperBordered: "wrapper--bordered",
+  actionsEnd: "actions-end",
+  actionsStart: "actions-start",
+  description: "description",
+  close: "close",
+  collapsed: "collapsed",
   container: "container",
   containerHover: "container--hover",
   containerBorder: "container--border",
   containerBorderSelected: "container--border-selected",
   containerBorderUnselected: "container--border-unselected",
-  contentContainerWrapper: "content-container-wrapper",
-  contentContainerWrapperBordered: "content-container-wrapper--bordered",
+  content: "content",
+  contentBottom: "content-bottom",
   contentContainer: "content-container",
-  contentContainerUnavailable: "content-container--unavailable",
-  contentContainerSelectable: "content-container--selectable",
   contentContainerHasCenterContent: "content-container--has-center-content",
-  nestedContainer: "nested-container",
-  nestedContainerOpen: "nested-container--open",
-  content: "content",
-  row: "row",
-  gridCell: "grid-cell",
-  customContent: "custom-content",
-  actionsStart: "actions-start",
+  contentContainerSelectable: "content-container--selectable",
+  contentContainerUnavailable: "content-container--unavailable",
+  contentContainerWrapper: "content-container-wrapper",
+  contentContainerWrapperBordered: "content-container-wrapper--bordered",
+  contentEnd: "content-end",
   contentStart: "content-start",
+  customContent: "custom-content",
+  expandedContainer: "expanded-container",
+  dragContainer: "drag-container",
+  gridCell: "grid-cell",
+  icon: "icon",
+  nestedContainer: "nested-container",
+  nestedContainerExpanded: "nested-container--expanded",
   label: "label",
-  description: "description",
-  contentEnd: "content-end",
-  contentBottom: "content-bottom",
-  actionsEnd: "actions-end",
+  row: "row",
   selectionContainer: "selection-container",
   selectionContainerSingle: "selection-container--single",
-  openContainer: "open-container",
-  dragContainer: "drag-container",
-  close: "close",
-  icon: "icon",
+  wrapper: "wrapper",
+  wrapperBordered: "wrapper--bordered",
 };
 
 export const SLOTS = {
@@ -50,8 +51,8 @@ export const ICONS = {
   selectedSingle: "circle-inset-large",
   unselectedMultiple: "square",
   unselectedSingle: "circle",
-  closedLTR: "chevron-right",
-  closedRTL: "chevron-left",
+  collapsedLTR: "chevron-right",
+  collapsedRTL: "chevron-left",
   open: "chevron-down",
   blank: "blank",
   close: "x",
diff --git a/packages/calcite-components/src/components/list-item/utils.ts b/packages/calcite-components/src/components/list-item/utils.ts
index 9b334949d67..f16d3b11574 100644
--- a/packages/calcite-components/src/components/list-item/utils.ts
+++ b/packages/calcite-components/src/components/list-item/utils.ts
@@ -7,7 +7,7 @@ export const listSelector = "calcite-list";
 export const listItemGroupSelector = "calcite-list-item-group";
 export const listItemSelector = "calcite-list-item";
 
-export function openAncestors(el: ListItem["el"]): void {
+export function expandedAncestors(el: ListItem["el"]): void {
   const ancestor = el.parentElement?.closest(listItemSelector);
 
   if (!ancestor) {
@@ -15,7 +15,7 @@ export function openAncestors(el: ListItem["el"]): void {
   }
 
   ancestor.open = true;
-  openAncestors(ancestor);
+  expandedAncestors(ancestor);
 }
 
 export function getListItemChildren(slotEl: HTMLSlotElement): {
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index 7c115fc9501..ea27a955107 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -4004,71 +4004,71 @@ export const stretchSlottedContent = (): string => html`
 export const nestedItems = (): string => html`
   <calcite-list display-mode="nested" ${listAttributes()}>
     <calcite-list-item
-      open
+      expanded
       label="Level 1 item 1"
       description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
     ></calcite-list-item>
     <calcite-list-item
-      open
+      expanded
       label="Level 1 item 2"
       description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
     >
       <calcite-list-item
-        open
+        expanded
         label="Level 2 item 1"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       >
         <calcite-list-item
-          open
+          expanded
           label="Level 3 item 1"
           description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
         ></calcite-list-item>
         <calcite-list-item
-          open
+          expanded
           label="Level 3 item 2"
           description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
         >
           <calcite-list-item
-            open
+            expanded
             label="Level 4 item 1"
             description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
           >
             <calcite-list-item
-              open
+              expanded
               label="Level 5 item 1"
               description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
             ></calcite-list-item>
           </calcite-list-item>
           <calcite-list-item
-            open
+            expanded
             label="Level 4 item 2"
             description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
           ></calcite-list-item>
           <calcite-list-item
-            open
+            expanded
             label="Level 4 item 3"
             description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
           ></calcite-list-item>
         </calcite-list-item>
         <calcite-list-item
-          open
+          expanded
           label="Level 3 item 3"
           description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
         ></calcite-list-item>
       </calcite-list-item>
       <calcite-list-item
-        open
+        expanded
         label="Level 2 item 2"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       ></calcite-list-item>
       <calcite-list-item
-        open
+        expanded
         label="Level 2 item 3"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       ></calcite-list-item>
     </calcite-list-item>
     <calcite-list-item
-      open
+      expanded
       label="Level 1 item 3"
       description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
     ></calcite-list-item>
@@ -4083,19 +4083,17 @@ export const groupedItems = (): string => html`
   <calcite-list display-mode="nested" ${listAttributes()}>
     <calcite-list-item-group heading="Nested">
       <calcite-list-item
-        open
         expanded
         label="Cras iaculis ultricies nulla."
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       >
         <calcite-list-item
-          open
           expanded
           label="Ut aliquam sollicitudin leo."
           description="Aliquam tincidunt mauris eu risus."
         >
           <calcite-list-item
-            open
+            expanded
             label="Vestibulum commodo felis quis tortor."
             description="Vestibulum auctor dapibus neque."
           ></calcite-list-item></calcite-list-item
@@ -4103,22 +4101,22 @@ export const groupedItems = (): string => html`
     </calcite-list-item-group>
     <calcite-list-item-group heading="Digits">
       <calcite-list-item
-        open
+        expanded
         label="One"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       ></calcite-list-item>
-      <calcite-list-item open label="Two" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
+      <calcite-list-item expanded label="Two" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
       <calcite-list-item label="Three" description="Vestibulum auctor dapibus neque."></calcite-list-item>
     </calcite-list-item-group>
     <calcite-list-item-group heading="Letters">
       <calcite-list-item
-        open
+        expanded
         label="A"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       ></calcite-list-item>
-      <calcite-list-item open label="B" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
+      <calcite-list-item expanded label="B" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
       <calcite-list-item
-        open
+        expanded
         label="C"
         description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
       ></calcite-list-item>
@@ -4185,10 +4183,10 @@ export const contentBottomSlots = (): string =>
 
 export const contentBottomSlotsNested = (): string =>
   html`<calcite-list display-mode="nested" ${listAttributes()}>
-    <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" open>
+    <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" expanded>
       <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
       <calcite-list display-mode="nested"
-        ><calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" open>
+        ><calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" expanded>
           <span slot="content-bottom">Some value or something and a <b>thing</b>.</span
           ><calcite-list display-mode="nested"
             ><calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
@@ -4503,7 +4501,7 @@ export const filteredChildListItems_TestOnly = (): string =>
             </calcite-dropdown-group>
           </calcite-dropdown>
         </calcite-list-item>
-        <calcite-list-item label="Rivers" value="rivers" open>
+        <calcite-list-item label="Rivers" value="rivers" expanded>
           <calcite-list-item label="Estuaries" value="estuaries">
             <calcite-dropdown slot="actions-end" overlay-positioning="fixed" placement="bottom-end" scale="s">
               <calcite-action
@@ -4593,7 +4591,7 @@ export const filteredChildListItems_TestOnly = (): string =>
             </calcite-dropdown-group>
           </calcite-dropdown>
         </calcite-list-item>
-        <calcite-list-item label="Rivers" value="rivers" open>
+        <calcite-list-item label="Rivers" value="rivers" expanded>
           <calcite-list-item label="Estuaries" value="estuaries">
             <calcite-dropdown slot="actions-end" overlay-positioning="fixed" placement="bottom-end" scale="s">
               <calcite-action
@@ -4781,11 +4779,11 @@ export const sortableList_TestOnly = (): string =>
 
 export const sortableNestedList_TestOnly = (): string =>
   html`<calcite-list display-mode="nested" drag-enabled group="nested" label="List 1" selection-mode="multiple">
-    <calcite-list-item open label="Hi! 1" description="hello world">
+    <calcite-list-item expanded label="Hi! 1" description="hello world">
       <calcite-list display-mode="nested" drag-enabled label="List 2" group="nested" selection-mode="multiple">
-        <calcite-list-item open label="Hi! 2" description="hello world">
+        <calcite-list-item expanded label="Hi! 2" description="hello world">
           <calcite-list display-mode="nested" drag-enabled label="List 3" group="nested" selection-mode="multiple">
-            <calcite-list-item open label="Hi! 3" description="hello world">
+            <calcite-list-item expanded label="Hi! 3" description="hello world">
               <calcite-list
                 display-mode="nested"
                 drag-enabled
@@ -4794,23 +4792,23 @@ export const sortableNestedList_TestOnly = (): string =>
                 selection-mode="multiple"
               ></calcite-list>
             </calcite-list-item>
-            <calcite-list-item open label="Hi! 4" description="hello world"></calcite-list-item>
+            <calcite-list-item expanded label="Hi! 4" description="hello world"></calcite-list-item>
           </calcite-list>
         </calcite-list-item>
-        <calcite-list-item open label="Hi! 5" description="hello world"></calcite-list-item>
+        <calcite-list-item expanded label="Hi! 5" description="hello world"></calcite-list-item>
       </calcite-list>
     </calcite-list-item>
-    <calcite-list-item open label="Hi! 6" description="hello world"></calcite-list-item>
-    <calcite-list-item open label="Hi! 7" description="hello world"></calcite-list-item>
+    <calcite-list-item expanded label="Hi! 6" description="hello world"></calcite-list-item>
+    <calcite-list-item expanded label="Hi! 7" description="hello world"></calcite-list-item>
   </calcite-list>`;
 
-export const emptyOpenLists_TestOnly = (): string =>
+export const emptyExpandedLists_TestOnly = (): string =>
   html`<calcite-list display-mode="nested" drag-enabled group="nested" label="List 1" selection-mode="multiple">
-    <calcite-list-item open label="Hi! 1" description="hello world">
+    <calcite-list-item expanded label="Hi! 1" description="hello world">
       <calcite-list display-mode="nested" drag-enabled label="List 2" group="nested" selection-mode="multiple">
-        <calcite-list-item open label="Hi! 2" description="hello world">
+        <calcite-list-item expanded label="Hi! 2" description="hello world">
           <calcite-list display-mode="nested" drag-enabled label="List 3" group="nested" selection-mode="multiple">
-            <calcite-list-item open label="Hi! 3" description="hello world">
+            <calcite-list-item expanded label="Hi! 3" description="hello world">
               <calcite-action-menu overlay-positioning="fixed" slot="actions-end">
                 <calcite-action text-enabled text="Edit" icon="pencil"></calcite-action>
                 <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
@@ -4826,7 +4824,7 @@ export const emptyOpenLists_TestOnly = (): string =>
                 selection-mode="multiple"
               ></calcite-list>
             </calcite-list-item>
-            <calcite-list-item open label="Hi! 4" description="hello world">
+            <calcite-list-item expanded label="Hi! 4" description="hello world">
               <calcite-list
                 display-mode="nested"
                 drag-enabled
@@ -4837,7 +4835,7 @@ export const emptyOpenLists_TestOnly = (): string =>
             </calcite-list-item>
           </calcite-list>
         </calcite-list-item>
-        <calcite-list-item open label="Hi! 5" description="hello world">
+        <calcite-list-item expanded label="Hi! 5" description="hello world">
           <calcite-list
             display-mode="nested"
             drag-enabled
@@ -4848,7 +4846,7 @@ export const emptyOpenLists_TestOnly = (): string =>
         </calcite-list-item>
       </calcite-list>
     </calcite-list-item>
-    <calcite-list-item open label="Hi! 6" description="hello world">
+    <calcite-list-item expanded label="Hi! 6" description="hello world">
       <calcite-list
         display-mode="nested"
         drag-enabled
@@ -4857,7 +4855,7 @@ export const emptyOpenLists_TestOnly = (): string =>
         selection-mode="multiple"
       ></calcite-list>
     </calcite-list-item>
-    <calcite-list-item open label="Hi! 7" description="hello world">
+    <calcite-list-item expanded label="Hi! 7" description="hello world">
       <calcite-list
         display-mode="nested"
         drag-enabled
@@ -4869,7 +4867,7 @@ export const emptyOpenLists_TestOnly = (): string =>
 
 export const listWithEmptyChildList_TestOnly = (): string =>
   html`<calcite-list display-mode="nested" drag-enabled label="List 1" group="nested" selection-mode="single">
-    <calcite-list-item open label="Hi! 4" description="hello world">
+    <calcite-list-item expanded label="Hi! 4" description="hello world">
       <calcite-list
         display-mode="nested"
         drag-enabled
@@ -4934,7 +4932,7 @@ export const filteredListItemsNoResults_TestOnly = (): string =>
 
 export const nestingLists_TestOnly = (): string => html`<h4>Nesting List Items</h4>
   <calcite-list display-mode="nested">
-    <calcite-list-item label="List Item" open>
+    <calcite-list-item label="List Item" expanded>
       <calcite-list-item label="List Item"></calcite-list-item>
       <calcite-list-item label="List Item"></calcite-list-item>
       <calcite-list-item label="List Item"></calcite-list-item>
@@ -4943,7 +4941,7 @@ export const nestingLists_TestOnly = (): string => html`<h4>Nesting List Items</
   </br>
   <h4>Nesting Lists</h4>
   <calcite-list display-mode="nested">
-    <calcite-list-item label="List Item" open>
+    <calcite-list-item label="List Item" expanded>
       <calcite-list display-mode="nested">
         <calcite-list-item label="List Item"></calcite-list-item>
         <calcite-list-item label="List Item"></calcite-list-item>
@@ -5018,9 +5016,9 @@ export const closedItems_TestOnly = (): string =>
 
 export const dragEnabledNestedLists = (): string =>
   html`<calcite-list display-mode="nested" id="root" drag-enabled label="List 1" group="my-list">
-    <calcite-list-item open label="Depth 1" description="Item 1">
+    <calcite-list-item expanded label="Depth 1" description="Item 1">
       <calcite-list display-mode="nested" group="my-list">
-        <calcite-list-item open label="Depth 2" description="Item 2">
+        <calcite-list-item expanded label="Depth 2" description="Item 2">
           <calcite-list display-mode="nested" drag-enabled label="List 2" group="my-list">
             <calcite-list-item label="Depth 3" description="Item 3">
               <calcite-list display-mode="nested" drag-enabled label="List 3" group="my-list"></calcite-list>
@@ -5038,10 +5036,10 @@ export const dragEnabledNestedLists = (): string =>
 export const dragEnabledNestedListsIndirectChildren = (): string =>
   html`<calcite-list display-mode="nested" id="root" drag-enabled label="List 1" group="my-list">
     <div>
-      <calcite-list-item open label="Depth 1" description="Item 1">
+      <calcite-list-item expanded label="Depth 1" description="Item 1">
         <calcite-list display-mode="nested" group="my-list">
           <div>
-            <calcite-list-item open label="Depth 2" description="Item 2">
+            <calcite-list-item expanded label="Depth 2" description="Item 2">
               <calcite-list display-mode="nested" drag-enabled label="List 2" group="my-list">
                 <div>
                   <calcite-list-item label="Depth 3" description="Item 3">
diff --git a/packages/calcite-components/src/components/list/list.tsx b/packages/calcite-components/src/components/list/list.tsx
index 589cde7b859..42457e1ed82 100755
--- a/packages/calcite-components/src/components/list/list.tsx
+++ b/packages/calcite-components/src/components/list/list.tsx
@@ -17,7 +17,7 @@ import {
   listItemGroupSelector,
   listItemSelector,
   listSelector,
-  openAncestors,
+  expandedAncestors,
   updateListItemChildren,
 } from "../list-item/utils";
 import {
@@ -617,7 +617,7 @@ export class List extends LitElement implements InteractiveComponent, SortableCo
   }
 
   onDragMove({ relatedEl }: ListMoveDetail): void {
-    relatedEl.open = true;
+    relatedEl.expanded = true;
   }
 
   onDragStart(detail: ListDragDetail): void {
@@ -708,21 +708,21 @@ export class List extends LitElement implements InteractiveComponent, SortableCo
     });
   }
 
-  private allParentListItemsOpen(item: ListItem["el"]): boolean {
+  private allParentListItemsExpanded(item: ListItem["el"]): boolean {
     const parentItem = item.parentElement?.closest(listItemSelector);
 
     if (!parentItem) {
       return true;
-    } else if (!parentItem.open) {
+    } else if (!parentItem.expanded) {
       return false;
     }
 
-    return this.allParentListItemsOpen(parentItem);
+    return this.allParentListItemsExpanded(parentItem);
   }
 
   private borderItems(): void {
     const visibleItems = this.visibleItems.filter(
-      (item) => !item.filterHidden && this.allParentListItemsOpen(item),
+      (item) => !item.filterHidden && this.allParentListItemsExpanded(item),
     );
 
     visibleItems.forEach(
@@ -870,7 +870,7 @@ export class List extends LitElement implements InteractiveComponent, SortableCo
       return true;
     }
 
-    return parentListItemEl.open && this.isNavigable(parentListItemEl);
+    return parentListItemEl.expanded && this.isNavigable(parentListItemEl);
   }
 
   private handleListKeydown(event: KeyboardEvent): void {
@@ -947,7 +947,7 @@ export class List extends LitElement implements InteractiveComponent, SortableCo
     this.disconnectObserver();
 
     toEl.prepend(dragEl);
-    openAncestors(dragEl);
+    expandedAncestors(dragEl);
     const toElItems = Array.from(toEl.children).filter(isListItem);
     const newIndex = toElItems.indexOf(dragEl);
 
diff --git a/packages/calcite-components/src/demos/list.html b/packages/calcite-components/src/demos/list.html
index 362607e1ff8..895f81d0056 100644
--- a/packages/calcite-components/src/demos/list.html
+++ b/packages/calcite-components/src/demos/list.html
@@ -5334,7 +5334,7 @@ <h1 style="margin: 0 auto; text-align: center">List</h1>
                   </calcite-dropdown-group>
                 </calcite-dropdown>
               </calcite-list-item>
-              <calcite-list-item label="Rivers" value="rivers" open>
+              <calcite-list-item label="Rivers" value="rivers" expanded>
                 <calcite-list display-mode="nested">
                   <calcite-list-item label="Estuaries" value="estuaries">
                     <calcite-dropdown slot="actions-end" overlay-positioning="fixed" placement="bottom-end" scale="s">
@@ -5450,9 +5450,9 @@ <h1 style="margin: 0 auto; text-align: center">List</h1>
 
         <div class="child">
           <calcite-list display-mode="nested" drag-enabled group="nested" label="List 1" selection-mode="multiple">
-            <calcite-list-item open label="Hi! 1" description="hello world">
+            <calcite-list-item expanded label="Hi! 1" description="hello world">
               <calcite-list display-mode="nested" label="List 2" drag-enabled group="nested" selection-mode="multiple">
-                <calcite-list-item open label="Hi! 2" description="hello world">
+                <calcite-list-item expanded label="Hi! 2" description="hello world">
                   <calcite-list
                     display-mode="nested"
                     label="List 3"
diff --git a/readme.md b/readme.md
index 176971db4b8..eee788b1310 100644
--- a/readme.md
+++ b/readme.md
@@ -16,8 +16,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
 
 <!-- readme: contributors -start -->
 <table>
-	<tbody>
-		<tr>
+ <tbody>
+  <tr>
             <td align="center">
                 <a href="https://github.com/driskull">
                     <img src="https://avatars.githubusercontent.com/u/1231455?v=4" width="100;" alt="driskull"/>
@@ -60,8 +60,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Erik Harper</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/anveshmekala">
                     <img src="https://avatars.githubusercontent.com/u/88453586?v=4" width="100;" alt="anveshmekala"/>
@@ -104,8 +104,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Patrick Arlt</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/alisonailea">
                     <img src="https://avatars.githubusercontent.com/u/3362490?v=4" width="100;" alt="alisonailea"/>
@@ -148,8 +148,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Ditwan Price</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/kumarGayu">
                     <img src="https://avatars.githubusercontent.com/u/9862218?v=4" width="100;" alt="kumarGayu"/>
@@ -192,8 +192,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Justin Hough</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/maxpatiiuk">
                     <img src="https://avatars.githubusercontent.com/u/40512816?v=4" width="100;" alt="maxpatiiuk"/>
@@ -236,8 +236,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Ben Patterson</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/jrowlingson">
                     <img src="https://avatars.githubusercontent.com/u/3051781?v=4" width="100;" alt="jrowlingson"/>
@@ -280,8 +280,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Ethan Borgen</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/gpbmike">
                     <img src="https://avatars.githubusercontent.com/u/8754?v=4" width="100;" alt="gpbmike"/>
@@ -324,8 +324,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Alex Abreu</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/annierm18">
                     <img src="https://avatars.githubusercontent.com/u/25759835?v=4" width="100;" alt="annierm18"/>
@@ -368,8 +368,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Ninad Kulkarni</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/nwhittaker">
                     <img src="https://avatars.githubusercontent.com/u/421496?v=4" width="100;" alt="nwhittaker"/>
@@ -412,8 +412,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Bjorn Svensson</b></sub>
                 </a>
             </td>
-		</tr>
-		<tr>
+  </tr>
+  <tr>
             <td align="center">
                 <a href="https://github.com/drewdaemon">
                     <img src="https://avatars.githubusercontent.com/u/315764?v=4" width="100;" alt="drewdaemon"/>
@@ -435,8 +435,8 @@ We welcome contributions to this project. See [CONTRIBUTING.md](./CONTRIBUTING.m
                     <sub><b>Aaron Shetland</b></sub>
                 </a>
             </td>
-		</tr>
-	<tbody>
+  </tr>
+ <tbody>
 </table>
 <!-- readme: contributors -end -->