npm - @esri/calcite-components - Versions diffs - 1.7.0-next.1 → 1.7.0-next.10 - Mend

@esri/calcite-components 1.7.0-next.1 → 1.7.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (989) hide show

package/dist/collection/components/dropdown/dropdown.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement, focusElementInGroup, isPrimaryPointerButton, toAriaBoolean, } from "../../utils/dom";
@@ -55,6 +55,7 @@ export class Dropdown {
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
       this.reposition(true);
+      this.items.forEach((item) => (item.scale = this.scale));
     };
     this.updateGroups = (event) => {
       const groups = event.target
@@ -156,10 +157,10 @@ export class Dropdown {
     this.maxItems = 0;
     this.overlayPositioning = "absolute";
     this.placement = defaultMenuPlacement;
-    this.scale = "m";
     this.selectedItems = [];
     this.type = "click";
     this.width = undefined;
+    this.scale = "m";
   }
   openHandler(value) {
     if (!this.disabled) {
@@ -189,6 +190,9 @@ export class Dropdown {
   placementHandler() {
     this.reposition(true);
   }
+  handlePropsChange() {
+    this.updateItems();
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -213,6 +217,7 @@ export class Dropdown {
       onToggleOpenCloseComponent(this);
     }
     connectInteractive(this);
+    this.updateItems();
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -233,15 +238,15 @@ export class Dropdown {
   render() {
     const { open, guid } = this;
     return (h(Host, null, h("div", { class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setReferenceEl }, h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper",
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setFloatingEl }, h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: open,
       }, id: `${guid}-menu`, role: "menu",
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setScrollerAndTransitionEl }, h("slot", { onSlotchange: this.updateGroups })))));
   }
   //--------------------------------------------------------------------------
@@ -543,29 +548,6 @@ export class Dropdown {
         "reflect": true,
         "defaultValue": "defaultMenuPlacement"
       },
-      "scale": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Scale",
-          "resolved": "\"l\" | \"m\" | \"s\"",
-          "references": {
-            "Scale": {
-              "location": "import",
-              "path": "../interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies the size of the component."
-        },
-        "attribute": "scale",
-        "reflect": true,
-        "defaultValue": "\"m\""
-      },
       "selectedItems": {
         "type": "unknown",
         "mutable": true,
@@ -628,6 +610,29 @@ export class Dropdown {
         },
         "attribute": "width",
         "reflect": true
+      },
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the size of the component."
+        },
+        "attribute": "scale",
+        "reflect": true,
+        "defaultValue": "\"m\""
       }
     };
   }
@@ -774,6 +779,9 @@ export class Dropdown {
       }, {
         "propName": "placement",
         "methodName": "placementHandler"
+      }, {
+        "propName": "scale",
+        "methodName": "handlePropsChange"
       }];
   }
   static get listeners() {

package/dist/collection/components/dropdown/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const SLOTS = {
   dropdownTrigger: "trigger",

package/dist/collection/components/dropdown-group/dropdown-group.js CHANGED Viewed

@@ -1,38 +1,45 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
-import { getElementProp } from "../../utils/dom";
-import { CSS } from "./resources";
+import { createObserver } from "../../utils/observers";
+import { CSS } from "../dropdown-item/resources";
 /**
  * @slot - A slot for adding `calcite-dropdown-item`s.
  */
 export class DropdownGroup {
   constructor() {
+    this.updateItems = () => {
+      Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((item) => (item.selectionMode = this.selectionMode));
+    };
+    this.mutationObserver = createObserver("mutation", () => this.updateItems());
     this.groupTitle = undefined;
+    this.scale = "m";
     this.selectionMode = "single";
-    this.scale = undefined;
+  }
+  handlePropsChange() {
+    this.updateItems();
   }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.updateItems();
+  }
   componentWillLoad() {
     this.groupPosition = this.getGroupPosition();
   }
   render() {
-    const scale = this.scale || getElementProp(this.el, "scale", "m");
     const groupTitle = this.groupTitle ? (h("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
     const dropdownSeparator = this.groupPosition > 0 ? h("div", { class: "dropdown-separator", role: "separator" }) : null;
     return (h(Host, { "aria-label": this.groupTitle, role: "group" }, h("div", { class: {
-        container: true,
-        [CSS.containerSmall]: scale === "s",
-        [CSS.containerMedium]: scale === "m",
-        [CSS.containerLarge]: scale === "l",
-      }, title: this.groupTitle }, dropdownSeparator, groupTitle, h("slot", null))));
+        [CSS.container]: true,
+        [`${CSS.container}--${this.scale}`]: true,
+      } }, dropdownSeparator, groupTitle, h("slot", null))));
   }
   //--------------------------------------------------------------------------
   //
@@ -87,17 +94,14 @@ export class DropdownGroup {
         "attribute": "group-title",
         "reflect": true
       },
-      "selectionMode": {
+      "scale": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "Extract<\"single\" | \"none\" | \"multiple\", SelectionMode>",
-          "resolved": "\"multiple\" | \"none\" | \"single\"",
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
           "references": {
-            "Extract": {
-              "location": "global"
-            },
-            "SelectionMode": {
+            "Scale": {
               "location": "import",
               "path": "../interfaces"
             }
@@ -106,21 +110,27 @@ export class DropdownGroup {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Specifies the component's selection mode, where\n`\"multiple\"` allows any number of (or no) selected `calcite-dropdown-item`s,\n`\"single\"` allows and requires one selected `calcite-dropdown-item`, and\n`\"none\"` does not allow selection on `calcite-dropdown-item`s."
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`."
         },
-        "attribute": "selection-mode",
-        "reflect": true,
-        "defaultValue": "\"single\""
+        "attribute": "scale",
+        "reflect": false,
+        "defaultValue": "\"m\""
       },
-      "scale": {
+      "selectionMode": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "Scale",
-          "resolved": "\"l\" | \"m\" | \"s\"",
+          "original": "Extract<\"none\" | \"single\" | \"multiple\", SelectionMode>",
+          "resolved": "\"multiple\" | \"none\" | \"single\"",
           "references": {
-            "Scale": {
+            "Extract": {
+              "location": "global"
+            },
+            "SelectionMode": {
               "location": "import",
               "path": "../interfaces"
             }
@@ -130,10 +140,11 @@ export class DropdownGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Specifies the size of the component."
+          "text": "Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`:\n- `multiple` allows any number of selected items,\n- `single` allows only one selection (default),\n- `none` doesn't allow for any selection."
         },
-        "attribute": "scale",
-        "reflect": true
+        "attribute": "selection-mode",
+        "reflect": true,
+        "defaultValue": "\"single\""
       }
     };
   }
@@ -164,6 +175,12 @@ export class DropdownGroup {
       }];
   }
   static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "selectionMode",
+        "methodName": "handlePropsChange"
+      }];
+  }
   static get listeners() {
     return [{
         "name": "calciteInternalDropdownItemSelect",

package/dist/collection/components/dropdown-item/dropdown-item.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
-import { getElementProp, toAriaBoolean } from "../../utils/dom";
+import { toAriaBoolean } from "../../utils/dom";
 import { CSS } from "./resources";
 import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 /**
@@ -12,8 +12,6 @@ import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from
  */
 export class DropdownItem {
   constructor() {
-    /** Specifies the scale of dropdown-item controlled by the parent, defaults to m */
-    this.scale = "m";
     this.selected = false;
     this.iconFlipRtl = undefined;
     this.iconStart = undefined;
@@ -22,6 +20,8 @@ export class DropdownItem {
     this.label = undefined;
     this.rel = undefined;
     this.target = undefined;
+    this.selectionMode = "single";
+    this.scale = "m";
   }
   //--------------------------------------------------------------------------
   //
@@ -49,8 +49,7 @@ export class DropdownItem {
     this.initialize();
   }
   render() {
-    const scale = getElementProp(this.el, "scale", this.scale);
-    const { href, selectionMode, label, iconFlipRtl } = this;
+    const { href, selectionMode, label, iconFlipRtl, scale } = this;
     const iconStartEl = (h("calcite-icon", { class: CSS.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: scale === "l" ? "m" : "s" }));
     const contentNode = (h("span", { class: CSS.itemContent }, h("slot", null)));
     const iconEndEl = (h("calcite-icon", { class: CSS.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: scale === "l" ? "m" : "s" }));
@@ -62,7 +61,7 @@ export class DropdownItem {
           ? [contentNode, iconEndEl]
           : contentNode;
     const contentEl = !href ? (slottedContent) : (h("a", { "aria-label": label, class: CSS.link, href: href, rel: this.rel, tabIndex: -1, target: this.target,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.childLink = el) }, slottedContent));
     const itemRole = href
       ? null
@@ -73,11 +72,9 @@ export class DropdownItem {
           : "menuitem";
     const itemAria = selectionMode !== "none" ? toAriaBoolean(this.selected) : null;
     return (h(Host, { "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabindex: "0" }, h("div", { class: {
-        container: true,
+        [CSS.container]: true,
         [CSS.containerLink]: !!href,
-        [CSS.containerSmall]: scale === "s",
-        [CSS.containerMedium]: scale === "m",
-        [CSS.containerLarge]: scale === "l",
+        [`${CSS.container}--${scale}`]: true,
         [CSS.containerMulti]: selectionMode === "multiple",
         [CSS.containerSingle]: selectionMode === "single",
         [CSS.containerNone]: selectionMode === "none",
@@ -132,7 +129,6 @@ export class DropdownItem {
   //
   //--------------------------------------------------------------------------
   initialize() {
-    this.selectionMode = getElementProp(this.el, "selection-mode", "single");
     this.parentDropdownGroupEl = this.el.closest("calcite-dropdown-group");
     if (this.selectionMode === "none") {
       this.selected = false;
@@ -320,6 +316,61 @@ export class DropdownItem {
         },
         "attribute": "target",
         "reflect": true
+      },
+      "selectionMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Extract<\"none\" | \"single\" | \"multiple\", SelectionMode>",
+          "resolved": "\"multiple\" | \"none\" | \"single\"",
+          "references": {
+            "Extract": {
+              "location": "global"
+            },
+            "SelectionMode": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n- `multiple` allows any number of selected items,\n- `single` allows only one selection (default),\n- `none` doesn't allow for any selection."
+        },
+        "attribute": "selection-mode",
+        "reflect": false,
+        "defaultValue": "\"single\""
+      },
+      "scale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Scale",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "Scale": {
+              "location": "import",
+              "path": "../interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`."
+        },
+        "attribute": "scale",
+        "reflect": false,
+        "defaultValue": "\"m\""
       }
     };
   }

package/dist/collection/components/dropdown-item/resources.js CHANGED Viewed

@@ -1,13 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
+  container: "container",
   containerLink: "container--link",
-  containerSmall: "container--s",
-  containerMedium: "container--m",
-  containerLarge: "container--l",
   containerMulti: "container--multi-selection",
   containerSingle: "container--single-selection",
   containerNone: "container--none-selection",

package/dist/collection/components/fab/fab.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -60,7 +60,7 @@ export class Fab {
     const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl, } = this;
     const title = !textEnabled ? label || text || null : null;
     return (h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, round: true, scale: scale, title: title, type: "button", width: "auto",
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (buttonEl) => {
         this.buttonEl = buttonEl;
       } }, this.textEnabled ? this.text : null));

package/dist/collection/components/fab/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/filter/filter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h, } from "@stencil/core";
 import { debounce } from "lodash-es";
@@ -127,7 +127,7 @@ export class Filter {
   render() {
     const { disabled, scale } = this;
     return (h(Fragment, null, h("div", { class: CSS.container }, h("label", null, h("calcite-input", { "aria-label": this.messages.label, clearable: true, disabled: disabled, icon: ICONS.search, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, scale: scale, type: "text", value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => {
         this.textInput = el;
       } })))));

package/dist/collection/components/filter/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -65,7 +65,13 @@ export class Flow {
     const beforeBack = lastItem.beforeBack
       ? lastItem.beforeBack
       : () => Promise.resolve();
-    await beforeBack.call(lastItem);
+    try {
+      await beforeBack.call(lastItem);
+    }
+    catch (_error) {
+      // back prevented
+      return;
+    }
     lastItem.remove();
     return lastItem;
   }

package/dist/collection/components/flow/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/flow-item/flow-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -136,13 +136,13 @@ export class FlowItem {
     const label = messages.back;
     const icon = rtl ? ICONS.backRight : ICONS.backLeft;
     return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "flow-back-button", onClick: backButtonClick, scale: "s", slot: "header-actions-start", text: label, title: label,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setBackRef })) : null;
   }
   render() {
     const { closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, } = this;
     return (h(Host, null, h("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setContainerRef }, this.renderBackButton(), h("slot", { name: SLOTS.actionBar, slot: PANEL_SLOTS.actionBar }), h("slot", { name: SLOTS.headerActionsStart, slot: PANEL_SLOTS.headerActionsStart }), h("slot", { name: SLOTS.headerActionsEnd, slot: PANEL_SLOTS.headerActionsEnd }), h("slot", { name: SLOTS.headerContent, slot: PANEL_SLOTS.headerContent }), h("slot", { name: SLOTS.headerMenuActions, slot: PANEL_SLOTS.headerMenuActions }), h("slot", { name: SLOTS.fab, slot: PANEL_SLOTS.fab }), h("slot", { name: SLOTS.footerActions, slot: PANEL_SLOTS.footerActions }), h("slot", { name: SLOTS.footer, slot: PANEL_SLOTS.footer }), h("slot", null))));
   }
   static get is() { return "calcite-flow-item"; }

package/dist/collection/components/flow-item/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   backButton: "back-button",

package/dist/collection/components/functional/ExpandToggle.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -40,7 +40,7 @@ export const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, p
   const expandIcon = end ? icons[1] : icons[0];
   const collapseIcon = end ? icons[0] : icons[1];
   const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null,
-    // eslint-disable-next-line react/jsx-sort-props
+    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
     ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
   return actionNode;
 };

package/dist/collection/components/functional/FloatingArrow.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 const CSS = {

package/dist/collection/components/functional/Heading.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/functional/XButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 export const CSS = {
@@ -9,6 +9,6 @@ export const CSS = {
 };
 export function XButton({ disabled, key, label, onClick, ref, scale, }) {
   return (h("button", { "aria-label": label, class: CSS.button, disabled: disabled, key: key, onClick: onClick, tabIndex: -1, type: "button",
-    // eslint-disable-next-line react/jsx-sort-props
+    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
     ref: ref }, h("calcite-icon", { icon: "x", scale: scale === "l" ? "m" : "s" })));
 }

package/dist/collection/components/graph/graph.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { forceUpdate, h } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/graph/util.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 /**
  * Calculate slope of the tangents