making list-item scale internal, and updating all demos to set scale …

…on the list parent and avoid mixing scales inside a single list
Esri · Nov 27, 2024 · 135586f · 135586f
1 parent 6b3564f
commit 135586f
Show file tree

Hide file tree

Showing 3 changed files with 1,630 additions and 518 deletions.
diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -180,7 +180,11 @@ export class ListItem
   /** When `true`, the item is open to show child components. */
   @property({ reflect: true }) open = false;
 
-  /** Specifies the size of the component. */
+  /**
+   * Specifies the size of the component.
+   *
+   * @internal
+   * */
   @property({ reflect: true }) scale: Scale = "m";
 
   /** When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected. */

diff --git a/packages/calcite-components/src/components/list/list.tsx b/packages/calcite-components/src/components/list/list.tsx
@@ -106,9 +106,7 @@ export class List
     const items = Array.from(this.el.querySelectorAll(listItemSelector));
 
     items.forEach((item) => {
-      if (item.scale === scale) {
-        item.scale = scale;
-      }
+      item.scale = scale;
       item.selectionAppearance = selectionAppearance;
       item.selectionMode = selectionMode;
       item.interactionMode = interactionMode;