@esri/calcite-components 1.0.0-next.554 → 1.0.0-next.557

package/dist/cjs/{resources-e656d522.js → resources-ebab5fd6.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 'use strict';
 

package/dist/cjs/{sortable.esm-0bc0f2ec.js → sortable.esm-7290c83b.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 'use strict';
 

package/dist/cjs/{utils-7686a8b9.js → utils-ccab61d8.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 'use strict';
 

package/dist/collection/collection-manifest.json

@@ -95,7 +95,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.16.1",
+    "version": "2.17.3",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],
@@ -408,5 +408,6 @@
         "calcite-tabs"
       ]
     }
-  ]
+  ],
+  "global": "./utils/globalScript.js"
 }

package/dist/collection/components/accordion/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Listen, Prop } from "@stencil/core";
 /**
@@ -66,7 +66,7 @@ export class Accordion {
     const item = event.detail.item;
     const parent = event.detail.parent;
     if (this.el === parent) {
-      const key = item.key;
+      const { key } = item;
       const itemToFocus = event.target;
       const isFirstItem = this.itemIndex(itemToFocus) === 0;
       const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;

package/dist/collection/components/accordion/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export {};

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/accordion-item/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export {};

package/dist/collection/components/accordion-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const SLOTS = {
   actionsStart: "actions-start",

package/dist/collection/components/action/action.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, Host, Method, Prop, h, forceUpdate } from "@stencil/core";
 import { CSS, TEXT } from "./resources";

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

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

package/dist/collection/components/action-bar/action-bar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, Host, Prop, Watch, h, Method } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";

package/dist/collection/components/action-bar/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/collection/components/action-bar/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { forceUpdate } from "@stencil/core";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, h, Prop, Watch } from "@stencil/core";
 import { ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/action-group/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const SLOTS = {
   menuActions: "menu-actions",

package/dist/collection/components/action-menu/action-menu.css

@@ -93,7 +93,7 @@
   outline-color: transparent;
 }
 
-::slotted(calcite-action[active]) {
+.menu ::slotted(calcite-action[active]) {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: 0px;
 }

package/dist/collection/components/action-menu/action-menu.js

@@ -1,16 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, h, Element, Event, Listen, Prop, Watch, Method, State } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";
-import { focusElement, getSlotted, toAriaBoolean } from "../../utils/dom";
+import { focusElement, toAriaBoolean } from "../../utils/dom";
 import { Fragment } from "@stencil/core/internal";
 import { getRoundRobinIndex } from "../../utils/array";
 import { guid } from "../../utils/guid";
-import { createObserver } from "../../utils/observers";
-import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { isActivationKey } from "../../utils/key";
 const SUPPORTED_BUTTON_NAV_KEYS = ["ArrowUp", "ArrowDown"];
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 /**
@@ -33,7 +32,12 @@ export class ActionMenu {
      * When true, the component is open.
      */
     this.open = false;
-    /** Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the "fixed" value. */
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
     this.overlayPositioning = "absolute";
     /**
      * Determines where the component will be positioned relative to the `referenceElement`.
@@ -42,7 +46,6 @@ export class ActionMenu {
      */
     this.placement = "auto";
     this.actionElements = [];
-    this.mutationObserver = createObserver("mutation", () => this.getActions());
     this.guid = `calcite-action-menu-${guid()}`;
     this.menuId = `${this.guid}-menu`;
     this.menuButtonId = `${this.guid}-menu-button`;
@@ -53,8 +56,8 @@ export class ActionMenu {
     //
     // --------------------------------------------------------------------------
     this.connectMenuButtonEl = () => {
-      const { el, menuButtonId, menuId, open, label } = this;
-      const menuButtonEl = getSlotted(el, SLOTS.trigger) || this.defaultMenuButtonEl;
+      const { menuButtonId, menuId, open, label } = this;
+      const menuButtonEl = this.slottedMenuButtonEl || this.defaultMenuButtonEl;
       if (this.menuButtonEl === menuButtonEl) {
         return;
       }
@@ -88,6 +91,15 @@ export class ActionMenu {
       menuButtonEl.removeEventListener("pointerdown", this.menuButtonClick);
       menuButtonEl.removeEventListener("keydown", this.menuButtonKeyDown);
     };
+    this.setMenuButtonEl = (event) => {
+      const actions = event.target
+        .assignedElements({
+        flatten: true
+      })
+        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
+      this.slottedMenuButtonEl = actions[0];
+      this.connectMenuButtonEl();
+    };
     this.setDefaultMenuButtonEl = (el) => {
       this.defaultMenuButtonEl = el;
       this.connectMenuButtonEl();
@@ -132,23 +144,29 @@ export class ActionMenu {
     this.updateActions = (actions) => {
       actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
     };
-    this.getActions = () => {
-      const { el } = this;
-      const actionElements = getSlotted(el, { all: true, matches: "calcite-action" });
-      this.updateActions(actionElements);
-      this.actionElements = actionElements;
-      this.connectMenuButtonEl();
+    this.handleDefaultSlotChange = (event) => {
+      const actions = event.target
+        .assignedElements({
+        flatten: true
+      })
+        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
+      this.actionElements = actions;
     };
     this.menuButtonKeyDown = (event) => {
       const { key } = event;
       const { actionElements } = this;
-      if (!this.isValidKey(key, SUPPORTED_BUTTON_NAV_KEYS)) {
+      if (!actionElements.length) {
         return;
       }
-      event.preventDefault();
-      if (!actionElements.length) {
+      if (isActivationKey(key)) {
+        event.preventDefault();
+        this.toggleOpen();
+        return;
+      }
+      if (!this.isValidKey(key, SUPPORTED_BUTTON_NAV_KEYS)) {
         return;
       }
+      event.preventDefault();
       this.toggleOpen(true);
       this.handleActionNavigation(key, actionElements);
     };
@@ -159,7 +177,7 @@ export class ActionMenu {
         this.open = false;
         return;
       }
-      if (key === " " || key === "Enter") {
+      if (isActivationKey(key)) {
         event.preventDefault();
         const action = actionElements[activeMenuItemIndex];
         action ? action.click() : this.toggleOpen(false);
@@ -178,6 +196,9 @@ export class ActionMenu {
       this.handleActionNavigation(key, actionElements);
     };
     this.handleActionNavigation = (key, actions) => {
+      if (!this.open) {
+        return;
+      }
       const currentIndex = this.activeMenuItemIndex;
       if (key === "Home") {
         this.activeMenuItemIndex = 0;
@@ -206,17 +227,8 @@ export class ActionMenu {
   //  Lifecycle
   //
   // --------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    this.getActions();
-    connectConditionalSlotComponent(this);
-  }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     this.disconnectMenuButtonEl();
-    disconnectConditionalSlotComponent(this);
   }
   expandedHandler() {
     this.open = false;
@@ -247,11 +259,11 @@ export class ActionMenu {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    focusElement(this.open ? this.menuEl : this.menuButtonEl);
+    focusElement(this.menuButtonEl);
   }
   renderMenuButton() {
     const { label, scale, expanded } = this;
-    const menuButtonSlot = (h("slot", { name: SLOTS.trigger },
+    const menuButtonSlot = (h("slot", { name: SLOTS.trigger, onSlotchange: this.setMenuButtonEl },
       h("calcite-action", { class: CSS.defaultTrigger, icon: ICONS.menu, ref: this.setDefaultMenuButtonEl, scale: scale, text: label, textEnabled: expanded })));
     return menuButtonSlot;
   }
@@ -260,8 +272,8 @@ export class ActionMenu {
     const activeAction = actionElements[activeMenuItemIndex];
     const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
     return (h("calcite-popover", { disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl },
-      h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, ref: (el) => (this.menuEl = el), role: "menu", tabIndex: -1 },
-        h("slot", null))));
+      h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, role: "menu", tabIndex: -1 },
+        h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   render() {
     return (h(Fragment, null,
@@ -371,7 +383,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the \"fixed\" value."
+        "text": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\"."
       },
       "attribute": "overlay-positioning",
       "reflect": false,
@@ -427,6 +439,7 @@ export class ActionMenu {
     }
   }; }
   static get states() { return {
+    "menuButtonEl": {},
     "activeMenuItemIndex": {}
   }; }
   static get events() { return [{

package/dist/collection/components/action-menu/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   menu: "menu",

package/dist/collection/components/action-pad/action-pad.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, Host, Prop, Watch, h, Method } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";

package/dist/collection/components/action-pad/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/alert/interfaces.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export var StatusIcons;
 (function (StatusIcons) {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const TEXT = {
   intlClose: "Close"

package/dist/collection/components/avatar/avatar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, h, Prop, State } from "@stencil/core";
 import { isValidHex } from "../color-picker/utils";

package/dist/collection/components/avatar/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   article: "article",

package/dist/collection/components/block-section/block-section.js

@@ -1,12 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, Prop, h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";
 import { CSS, ICONS, TEXT } from "./resources";
 import { guid } from "../../utils/guid";
+import { isActivationKey } from "../../utils/key";
 /**
  * @slot - A slot for adding content to the block section.
  */
@@ -29,7 +30,7 @@ export class BlockSection {
     //
     // --------------------------------------------------------------------------
     this.handleHeaderKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggleSection();
         event.preventDefault();
         event.stopPropagation();

package/dist/collection/components/block-section/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export {};

package/dist/collection/components/block-section/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   content: "content",

package/dist/collection/components/button/button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { Component, Element, h, Method, Prop, Build, State, Watch } from "@stencil/core";

package/dist/collection/components/button/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export {};

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Prop } from "@stencil/core";
 import { getSlotted, toAriaBoolean } from "../../utils/dom";

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

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

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, Element, Event, h, Host, Method, Prop } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -10,6 +10,7 @@ import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { connectForm, disconnectForm } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
 import { toAriaBoolean } from "../../utils/dom";
+import { isActivationKey } from "../../utils/key";
 export class Checkbox {
   constructor() {
     //--------------------------------------------------------------------------
@@ -63,7 +64,7 @@ export class Checkbox {
       }
     };
     this.keyDownHandler = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggle();
         event.preventDefault();
       }

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 import { Component, h, Prop, Event, Element, Method, Watch } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";

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

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export {};

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.554
+ * v1.0.0-next.557
  */
 export const CSS = {
   title: "title",