npm - @esri/calcite-components - Versions diffs - 1.0.0-next.554 → 1.0.0-next.557 - Mend

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

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 (964) hide show

package/dist/esm/{ExpandToggle-69ec09b9.js → ExpandToggle-f12a7145.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /*!
  * 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 { f as forceUpdate, h } from './index-30e59418.js';
-import { a as getElementDir } from './dom-e671177c.js';
-import { S as SLOTS } from './resources-1d2cd423.js';
-import { S as SLOTS$1 } from './resources-7ae7fcca.js';
+import { f as forceUpdate, h } from './index-06221bfb.js';
+import { a as getElementDir } from './dom-42491565.js';
+import { S as SLOTS } from './resources-4fe95540.js';
+import { S as SLOTS$1 } from './resources-ea033965.js';
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/esm/{Heading-1227633c.js → Heading-ca8012f3.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /*!
  * 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 { h } from './index-30e59418.js';
+import { h } from './index-06221bfb.js';
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/app-globals-0dea7c34.js ADDED Viewed

@@ -0,0 +1,48 @@
+/*!
+ * 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.557
+ */
+import { d as darkTheme, a as autoTheme } from './resources-8fc2f7f1.js';
+/**
+ * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initThemeChangeEvent() {
+  const { classList } = document.body;
+  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const getTheme = () => classList.contains(darkTheme) || (classList.contains(autoTheme) && prefersDark) ? "dark" : "light";
+  const emitThemeChange = (theme) => document.body.dispatchEvent(new CustomEvent("calciteThemeChange", { bubbles: true, detail: { theme } }));
+  const themeChangeHandler = (newTheme) => {
+    currentTheme !== newTheme && emitThemeChange(newTheme);
+    currentTheme = newTheme;
+  };
+  let currentTheme = getTheme();
+  // emits event on page load
+  emitThemeChange(currentTheme);
+  // emits event when changing OS theme preferences
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", (event) => themeChangeHandler(event.matches ? "dark" : "light"));
+  // emits event when toggling between theme classes on <body>
+  new MutationObserver(() => themeChangeHandler(getTheme())).observe(document.body, {
+    attributes: true,
+    attributeFilter: ["class"]
+  });
+}
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+  if (isBrowser()) {
+    initThemeChangeEvent();
+  }
+}
+const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
+const globalScripts = appGlobalScript;
+export { globalScripts as g };

package/dist/esm/{array-513cf8c9.js → array-8f37a85a.js} RENAMED Viewed

@@ -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
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/esm/calcite-accordion_2.entry.js CHANGED Viewed

@@ -1,13 +1,14 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-30e59418.js';
-import { d as getElementProp, g as getSlotted, a as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom-e671177c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import './guid-8690cee7.js';
-import './observers-47de4039.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-06221bfb.js';
+import { d as getElementProp, g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-42491565.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import { C as CSS_UTILITY } from './resources-8fc2f7f1.js';
+import './guid-73322791.js';
+import './observers-9d4ab86b.js';
 const accordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
@@ -71,7 +72,7 @@ const Accordion = class {
     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/esm/calcite-action-bar.entry.js CHANGED Viewed

@@ -1,17 +1,18 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-30e59418.js';
-import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-69ec09b9.js';
-import { f as focusElement, g as getSlotted } from './dom-e671177c.js';
-import { c as createObserver } from './observers-47de4039.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import { d as debounce } from './debounce-db1af9ca.js';
-import './resources-1d2cd423.js';
-import './resources-7ae7fcca.js';
-import './guid-8690cee7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
+import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle-f12a7145.js';
+import { f as focusElement, g as getSlotted } from './dom-42491565.js';
+import { c as createObserver } from './observers-9d4ab86b.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import { d as debounce } from './debounce-841521b1.js';
+import './resources-4fe95540.js';
+import './resources-ea033965.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
 const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/esm/calcite-action-group.entry.js CHANGED Viewed

@@ -1,15 +1,16 @@
 /*!
  * 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 { r as registerInstance, h, F as Fragment, g as getElement } from './index-30e59418.js';
-import { S as SLOTS, I as ICONS, T as TEXT } from './resources-7ae7fcca.js';
-import { g as getSlotted } from './dom-e671177c.js';
-import { S as SLOTS$1 } from './resources-1d2cd423.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import './guid-8690cee7.js';
-import './observers-47de4039.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-06221bfb.js';
+import { S as SLOTS, I as ICONS, T as TEXT } from './resources-ea033965.js';
+import { g as getSlotted } from './dom-42491565.js';
+import { S as SLOTS$1 } from './resources-4fe95540.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
+import './observers-9d4ab86b.js';
 const actionGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";

package/dist/esm/calcite-action-menu.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-30e59418.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-1d2cd423.js';
-import { g as getSlotted, t as toAriaBoolean, f as focusElement } from './dom-e671177c.js';
-import { g as getRoundRobinIndex } from './array-513cf8c9.js';
-import { g as guid } from './guid-8690cee7.js';
-import { c as createObserver } from './observers-47de4039.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-06221bfb.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-4fe95540.js';
+import { t as toAriaBoolean, f as focusElement } from './dom-42491565.js';
+import { g as getRoundRobinIndex } from './array-8f37a85a.js';
+import { g as guid } from './guid-73322791.js';
+import { i as isActivationKey } from './key-22a0f143.js';
+import './resources-8fc2f7f1.js';
-const actionMenuCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
+const actionMenuCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 const SUPPORTED_BUTTON_NAV_KEYS = ["ArrowUp", "ArrowDown"];
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
@@ -32,7 +32,12 @@ const ActionMenu = class {
      * 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`.
@@ -41,7 +46,6 @@ const ActionMenu = class {
      */
     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`;
@@ -52,8 +56,8 @@ const ActionMenu = class {
     //
     // --------------------------------------------------------------------------
     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;
       }
@@ -87,6 +91,15 @@ const ActionMenu = class {
       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();
@@ -131,23 +144,29 @@ const ActionMenu = class {
     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);
     };
@@ -158,7 +177,7 @@ const ActionMenu = class {
         this.open = false;
         return;
       }
-      if (key === " " || key === "Enter") {
+      if (isActivationKey(key)) {
         event.preventDefault();
         const action = actionElements[activeMenuItemIndex];
         action ? action.click() : this.toggleOpen(false);
@@ -177,6 +196,9 @@ const ActionMenu = class {
       this.handleActionNavigation(key, actionElements);
     };
     this.handleActionNavigation = (key, actions) => {
+      if (!this.open) {
+        return;
+      }
       const currentIndex = this.activeMenuItemIndex;
       if (key === "Home") {
         this.activeMenuItemIndex = 0;
@@ -205,17 +227,8 @@ const ActionMenu = class {
   //  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;
@@ -246,18 +259,18 @@ const ActionMenu = class {
   // --------------------------------------------------------------------------
   /** 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 }, h("calcite-action", { class: CSS.defaultTrigger, icon: ICONS.menu, ref: this.setDefaultMenuButtonEl, scale: scale, text: label, textEnabled: expanded })));
+    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;
   }
   renderMenuItems() {
     const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
     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))));
+    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, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   render() {
     return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));

package/dist/esm/calcite-action-pad.entry.js CHANGED Viewed

@@ -1,16 +1,17 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-30e59418.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-69ec09b9.js';
-import { f as focusElement, g as getSlotted } from './dom-e671177c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import './resources-1d2cd423.js';
-import './resources-7ae7fcca.js';
-import './guid-8690cee7.js';
-import './observers-47de4039.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-f12a7145.js';
+import { f as focusElement, g as getSlotted } from './dom-42491565.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import './resources-4fe95540.js';
+import './resources-ea033965.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
+import './observers-9d4ab86b.js';
 const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/esm/calcite-action.entry.js CHANGED Viewed

@@ -1,13 +1,14 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-30e59418.js';
-import { c as createObserver } from './observers-47de4039.js';
-import { u as updateHostInteraction } from './interactive-80c1f202.js';
-import { t as toAriaBoolean } from './dom-e671177c.js';
-import './guid-8690cee7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-06221bfb.js';
+import { c as createObserver } from './observers-9d4ab86b.js';
+import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
+import { t as toAriaBoolean } from './dom-42491565.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
 const CSS = {
   button: "button",

package/dist/esm/calcite-alert.entry.js CHANGED Viewed

@@ -1,13 +1,14 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-30e59418.js';
-import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-e671177c.js';
-import { S as StatusIcons } from './interfaces-1256e256.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-e51af04e.js';
-import './guid-8690cee7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
+import { s as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-42491565.js';
+import { S as StatusIcons } from './interfaces-e7ff50ef.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-56a35411.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
 const TEXT = {
   intlClose: "Close"

package/dist/esm/calcite-avatar.entry.js CHANGED Viewed

@@ -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 { r as registerInstance, h, g as getElement } from './index-30e59418.js';
-import { h as hexToRGB, i as isValidHex } from './utils-1f54b67d.js';
-import { b as getThemeName } from './dom-e671177c.js';
-import './guid-8690cee7.js';
+import { r as registerInstance, h, g as getElement } from './index-06221bfb.js';
+import { h as hexToRGB, i as isValidHex } from './utils-c26a2cd8.js';
+import { b as getThemeName } from './dom-42491565.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
 /**
  * Convert a string to a valid hex by hashing its contents

package/dist/esm/calcite-block_2.entry.js CHANGED Viewed

@@ -1,15 +1,17 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-30e59418.js';
-import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-e671177c.js';
-import { H as Heading } from './Heading-1227633c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import { u as updateHostInteraction } from './interactive-80c1f202.js';
-import { g as guid } from './guid-8690cee7.js';
-import './observers-47de4039.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
+import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-42491565.js';
+import { H as Heading } from './Heading-ca8012f3.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
+import { g as guid } from './guid-73322791.js';
+import { i as isActivationKey } from './key-22a0f143.js';
+import './resources-8fc2f7f1.js';
+import './observers-9d4ab86b.js';
 const CSS$1 = {
   article: "article",
@@ -237,7 +239,7 @@ const BlockSection = class {
     //
     // --------------------------------------------------------------------------
     this.handleHeaderKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggleSection();
         event.preventDefault();
         event.stopPropagation();

package/dist/esm/calcite-button.entry.js CHANGED Viewed

@@ -1,15 +1,16 @@
 /*!
  * 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 { r as registerInstance, h, g as getElement } from './index-30e59418.js';
-import { c as closestElementCrossShadowBoundary } from './dom-e671177c.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a6c38d9a.js';
-import { c as createObserver } from './observers-47de4039.js';
-import { u as updateHostInteraction } from './interactive-80c1f202.js';
-import { s as submitForm, r as resetForm } from './form-71cefaff.js';
-import './guid-8690cee7.js';
+import { r as registerInstance, h, g as getElement } from './index-06221bfb.js';
+import { c as closestElementCrossShadowBoundary } from './dom-42491565.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
+import { c as createObserver } from './observers-9d4ab86b.js';
+import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
+import { s as submitForm, r as resetForm } from './form-ad1965a4.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

package/dist/esm/calcite-card.entry.js CHANGED Viewed

@@ -1,13 +1,14 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, g as getElement } from './index-30e59418.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-e671177c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import './guid-8690cee7.js';
-import './observers-47de4039.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06221bfb.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-42491565.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import './resources-8fc2f7f1.js';
+import './guid-73322791.js';
+import './observers-9d4ab86b.js';
 const CSS = {
   container: "container",

package/dist/esm/calcite-checkbox.entry.js CHANGED Viewed

@@ -1,14 +1,16 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-30e59418.js';
-import { g as guid } from './guid-8690cee7.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-71cefaff.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a6c38d9a.js';
-import { u as updateHostInteraction } from './interactive-80c1f202.js';
-import { t as toAriaBoolean } from './dom-e671177c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06221bfb.js';
+import { g as guid } from './guid-73322791.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-ad1965a4.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1b193aff.js';
+import { u as updateHostInteraction } from './interactive-ff1f7f87.js';
+import { t as toAriaBoolean } from './dom-42491565.js';
+import { i as isActivationKey } from './key-22a0f143.js';
+import './resources-8fc2f7f1.js';
 const checkboxCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
@@ -69,7 +71,7 @@ const Checkbox = class {
       }
     };
     this.keyDownHandler = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (isActivationKey(event.key)) {
         this.toggle();
         event.preventDefault();
       }

package/dist/esm/calcite-chip.entry.js CHANGED Viewed

@@ -1,13 +1,14 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, g as getElement } from './index-30e59418.js';
-import { g as getSlotted } from './dom-e671177c.js';
-import { g as guid } from './guid-8690cee7.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-7cbccbec.js';
-import './observers-47de4039.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06221bfb.js';
+import { g as getSlotted } from './dom-42491565.js';
+import { g as guid } from './guid-73322791.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a4c96c8d.js';
+import './resources-8fc2f7f1.js';
+import './observers-9d4ab86b.js';
 const CSS = {
   title: "title",