@esri/calcite-components 2.6.0-next.2 → 2.6.0

package/dist/collection/components/card-group/card-group.js

@@ -0,0 +1,340 @@
+/*!
+ * 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.6.0
+ */
+import { h, Host, } from "@stencil/core";
+import { focusElement, focusElementInGroup, toAriaBoolean } from "../../utils/dom";
+import { connectInteractive, disconnectInteractive, InteractiveContainer, updateHostInteraction, } from "../../utils/interactive";
+import { componentLoaded, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+/**
+ * @slot - A slot for adding one or more `calcite-card`s.
+ */
+export class CardGroup {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Private Properties
+        //
+        //--------------------------------------------------------------------------
+        this.items = [];
+        //--------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        //--------------------------------------------------------------------------
+        this.udpateItemsOnSelectionModeChange = () => {
+            this.updateSlottedItems(this.slotRefEl);
+            this.updateSelectedItems();
+        };
+        this.updateItemsOnSlotChange = (event) => {
+            this.updateSlottedItems(event.target);
+            this.updateSelectedItems();
+        };
+        this.updateSlottedItems = (target) => {
+            this.items = target
+                .assignedElements({ flatten: true })
+                .filter((el) => el?.matches("calcite-card"));
+        };
+        this.updateSelectedItems = () => {
+            this.items.forEach((el) => {
+                el.selectionMode = this.selectionMode;
+            });
+            this.setSelectedItems(false);
+        };
+        this.setSelectedItems = (emit, elToMatch) => {
+            if (elToMatch) {
+                this.items.forEach((el) => {
+                    const matchingEl = elToMatch === el;
+                    switch (this.selectionMode) {
+                        case "multiple":
+                            if (matchingEl) {
+                                el.selected = !el.selected;
+                            }
+                            break;
+                        case "single":
+                            el.selected = matchingEl ? !el.selected : false;
+                            break;
+                        case "single-persist":
+                            el.selected = !!matchingEl;
+                            break;
+                    }
+                });
+            }
+            this.selectedItems = this.items.filter((el) => el.selected);
+            if (emit && this.selectionMode !== "none" && !this.disabled) {
+                this.calciteCardGroupSelect.emit();
+            }
+        };
+        this.disabled = false;
+        this.label = undefined;
+        this.scale = "m";
+        this.selectionMode = "none";
+        this.selectedItems = [];
+    }
+    onSelectionModeChange() {
+        this.udpateItemsOnSelectionModeChange();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        connectInteractive(this);
+    }
+    componentDidRender() {
+        updateHostInteraction(this);
+    }
+    componentDidLoad() {
+        setComponentLoaded(this);
+    }
+    disconnectedCallback() {
+        disconnectInteractive(this);
+    }
+    async componentWillLoad() {
+        setUpLoadableComponent(this);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    calciteInternalCardKeyEventListener(event) {
+        if (event.composedPath().includes(this.el)) {
+            const interactiveItems = this.items.filter((el) => !el.disabled);
+            switch (event.detail["key"]) {
+                case "ArrowRight":
+                    focusElementInGroup(interactiveItems, event.target, "next");
+                    break;
+                case "ArrowLeft":
+                    focusElementInGroup(interactiveItems, event.target, "previous");
+                    break;
+                case "Home":
+                    focusElementInGroup(interactiveItems, event.target, "first");
+                    break;
+                case "End":
+                    focusElementInGroup(interactiveItems, event.target, "last");
+                    break;
+            }
+        }
+    }
+    calciteCardSelectListener(event) {
+        if (event.composedPath().includes(this.el) &&
+            !event.target.selectable) {
+            this.setSelectedItems(true, event.target);
+        }
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * Sets focus on the component's first focusable element.
+     */
+    async setFocus() {
+        await componentLoaded(this);
+        if (!this.disabled) {
+            focusElement(this.items[0]);
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Render Methods
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
+        return (h(Host, null, h(InteractiveContainer, { disabled: this.disabled }, h("div", { "aria-disabled": toAriaBoolean(this.disabled), "aria-label": this.label, class: "container", role: role }, h("slot", { onSlotchange: this.updateItemsOnSlotChange, ref: (el) => (this.slotRefEl = el) })))));
+    }
+    static get is() { return "calcite-card-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name for the component."
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "scale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Scale",
+                    "resolved": "\"l\" | \"m\" | \"s\"",
+                    "references": {
+                        "Scale": {
+                            "location": "import",
+                            "path": "../interfaces",
+                            "id": "src/components/interfaces.ts::Scale"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the size of the component. Child `calcite-card`s inherit the component's value."
+                },
+                "attribute": "scale",
+                "reflect": true,
+                "defaultValue": "\"m\""
+            },
+            "selectionMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  >",
+                    "resolved": "\"multiple\" | \"none\" | \"single\" | \"single-persist\"",
+                    "references": {
+                        "Extract": {
+                            "location": "global",
+                            "id": "global::Extract"
+                        },
+                        "SelectionMode": {
+                            "location": "import",
+                            "path": "../interfaces",
+                            "id": "src/components/interfaces.ts::SelectionMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the selection mode of the component."
+                },
+                "attribute": "selection-mode",
+                "reflect": true,
+                "defaultValue": "\"none\""
+            },
+            "selectedItems": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "HTMLCalciteCardElement[]",
+                    "resolved": "HTMLCalciteCardElement[]",
+                    "references": {
+                        "HTMLCalciteCardElement": {
+                            "location": "global",
+                            "id": "global::HTMLCalciteCardElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "readonly",
+                            "text": undefined
+                        }],
+                    "text": "Specifies the component's selected items."
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "calciteCardGroupSelect",
+                "name": "calciteCardGroupSelect",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits when the component's selection changes and the `selectionMode` is not `none`."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "setFocus": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets focus on the component's first focusable element.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "selectionMode",
+                "methodName": "onSelectionModeChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "calciteInternalCardKeyEvent",
+                "method": "calciteInternalCardKeyEventListener",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "calciteCardSelect",
+                "method": "calciteCardSelectListener",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=card-group.js.map

package/dist/collection/components/card-group/card-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-group.js","sourceRoot":"","sources":["../../../../src/components/card-group/card-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  componentLoaded,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\n/**\n * @slot - A slot for adding one or more `calcite-card`s.\n */\n\n@Component({\n  tag: \"calcite-card-group\",\n  styleUrl: \"card-group.scss\",\n  shadow: true,\n})\nexport class CardGroup implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the size of the component. Child `calcite-card`s inherit the component's value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.udpateItemsOnSelectionModeChange();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteCardElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  private items: HTMLCalciteCardElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selection changes and the `selectionMode` is not `none`. */\n  @Event({ cancelable: false }) calciteCardGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalCardKeyEvent\")\n  calciteInternalCardKeyEventListener(event: KeyboardEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items.filter((el) => !el.disabled);\n      switch (event.detail[\"key\"]) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteCardSelect\")\n  calciteCardSelectListener(event: CustomEvent): void {\n    if (\n      event.composedPath().includes(this.el) &&\n      !(event.target as HTMLCalciteCardElement).selectable\n    ) {\n      this.setSelectedItems(true, event.target as HTMLCalciteCardElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentLoaded(this);\n    if (!this.disabled) {\n      focusElement(this.items[0]);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private udpateItemsOnSelectionModeChange = (): void => {\n    this.updateSlottedItems(this.slotRefEl);\n    this.updateSelectedItems();\n  };\n\n  private updateItemsOnSlotChange = (event: Event): void => {\n    this.updateSlottedItems(event.target as HTMLSlotElement);\n    this.updateSelectedItems();\n  };\n\n  private updateSlottedItems = (target: HTMLSlotElement): void => {\n    this.items = target\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-card\")) as HTMLCalciteCardElement[];\n  };\n\n  private updateSelectedItems = (): void => {\n    this.items.forEach((el) => {\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteCardElement): void => {\n    if (elToMatch) {\n      this.items.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items.filter((el) => el.selected);\n\n    if (emit && this.selectionMode !== \"none\" && !this.disabled) {\n      this.calciteCardGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-disabled={toAriaBoolean(this.disabled)}\n            aria-label={this.label}\n            class=\"container\"\n            role={role}\n          >\n            <slot\n              onSlotchange={this.updateItemsOnSlotChange}\n              ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n            />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/checkbox/checkbox.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:00 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:09 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/checkbox/checkbox.e2e.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, disabled, focusable, formAssociated, HYDRATED_ATTR, labelable, hidden, } from "../../tests/commonTests";

package/dist/collection/components/checkbox/checkbox.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { h, Host, } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/chip/chip.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:00 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:09 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/chip/chip.e2e.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, disabled, focusable, hidden, renders, slots, t9n } from "../../tests/commonTests";

package/dist/collection/components/chip/chip.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { Build, h, Host, } from "@stencil/core";
 import { toAriaBoolean, slotChangeHasAssignedElement } from "../../utils/dom";

package/dist/collection/components/chip/resources.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 export const CSS = {
     title: "title",

package/dist/collection/components/chip-group/chip-group.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:00 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:09 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/chip-group/chip-group.e2e.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

package/dist/collection/components/chip-group/chip-group.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { h, } from "@stencil/core";
 import { focusElementInGroup, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/color-picker/color-picker.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:00 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:09 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/color-picker/color-picker.e2e.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { accessible, defaults, hidden, reflects, renders, focusable, disabled, t9n } from "../../tests/commonTests";
 import { CSS, DEFAULT_COLOR, DEFAULT_STORAGE_KEY_PREFIX, DIMENSIONS, SCOPE_SIZE } from "./resources";

package/dist/collection/components/color-picker/color-picker.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { h, } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker/resources.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import Color from "color";
 export const CSS = {

package/dist/collection/components/color-picker/utils.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 export const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;

package/dist/collection/components/color-picker/utils.spec.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { colorEqual, hexToRGB, isLonghandHex, isShorthandHex, isValidHex, normalizeHex, parseMode, rgbToHex, } from "./utils";
 import Color from "color";

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:02 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:11 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 26 Feb 2024 21:43:00 GMT
+ * Generated on Tue, 27 Feb 2024 18:51:09 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.e2e.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, focusable, hidden, reflects, renders } from "../../tests/commonTests";

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js

@@ -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.
- * v2.6.0-next.2
+ * v2.6.0
  */
 import { h, } from "@stencil/core";
 import { alphaToOpacity, hexChar, hexify, isLonghandHex, isValidHex, normalizeHex, opacityToAlpha, rgbToHex, } from "../color-picker/utils";