@esri/calcite-components 1.7.0-next.8 → 1.7.0

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

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-3130ae12.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { h as getSlotted, g as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-7f542879.js';
-import { C as CSS_UTILITY } from './resources-4c4c6f08.js';
-import './guid-ad9851a9.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-165cd388.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { h as getSlotted, g as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-79f84f98.js';
+import { C as CSS_UTILITY } from './resources-4b333cce.js';
+import './guid-3f32a87e.js';
 
 const accordionCss = ":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{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}:host([hidden]){display:none}[hidden]{display:none}";
 
@@ -99,6 +99,10 @@ const CSS = {
   iconEnd: "icon--end",
   headerContainer: "header-container",
 };
+const IDS = {
+  section: "section",
+  sectionToggle: "section-toggle",
+};
 
 const accordionItemCss = ".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-ui-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";
 
@@ -158,13 +162,13 @@ const AccordionItem = class {
     return (h(Host, null, h("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,
         [`icon-type--${this.iconType}`]: true,
-      } }, h("div", { class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { class: CSS.headerContainer }, iconStartEl, h("div", { class: CSS.headerText }, h("span", { class: CSS.heading }, this.heading), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
+      } }, h("div", { class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { "aria-controls": IDS.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, id: IDS.sectionToggle, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { class: CSS.headerContainer }, iconStartEl, h("div", { class: CSS.headerText }, h("span", { class: CSS.heading }, this.heading), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
         ? "chevronDown"
         : this.iconType === "caret"
           ? "caretDown"
           : this.expanded
             ? "minus"
-            : "plus", scale: this.scale === "l" ? "m" : "s" })), this.renderActionsEnd()), h("div", { class: CSS.content }, h("slot", null)))));
+            : "plus", scale: this.scale === "l" ? "m" : "s" })), this.renderActionsEnd()), h("section", { "aria-labelledby": IDS.sectionToggle, class: CSS.content, id: IDS.section }, h("slot", null)))));
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-action-bar.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3130ae12.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { s as slotChangeGetAssignedElements, b as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-7f542879.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-76a587d0.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-652112cb.js';
-import { d as debounce } from './debounce-5350c57b.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
-import './resources-c2c49c6b.js';
-import './resources-583d9514.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { s as slotChangeGetAssignedElements, b as slotChangeHasAssignedElement, f as focusFirstTabbable } from './dom-79f84f98.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a6203a1.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-85532e87.js';
+import { d as debounce } from './debounce-ec28f063.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './key-120fe23c.js';
+import './resources-65fce7c2.js';
+import './resources-27ffbef0.js';
 
 const CSS = {
   actionGroupEnd: "action-group--end",

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, h, a as getElement } from './index-3130ae12.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-76a587d0.js';
-import { S as SLOTS$1 } from './resources-583d9514.js';
-import { S as SLOTS, I as ICONS, C as CSS } from './resources-c2c49c6b.js';
-import { b as slotChangeHasAssignedElement } from './dom-7f542879.js';
-import './observers-d33d29a4.js';
-import './key-c448e88b.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, h, a as getElement } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-9a6203a1.js';
+import { S as SLOTS$1 } from './resources-27ffbef0.js';
+import { S as SLOTS, I as ICONS, C as CSS } from './resources-65fce7c2.js';
+import { b as slotChangeHasAssignedElement } from './dom-79f84f98.js';
+import './observers-200147a2.js';
+import './key-120fe23c.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
 
 const actionGroupCss = ":host{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 *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}.container{display:flex;flex-direction:column}: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){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{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)}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-3130ae12.js';
-import { g as getRoundRobinIndex } from './array-3a71d170.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, d as focusElement } from './dom-7f542879.js';
-import { g as guid } from './guid-ad9851a9.js';
-import { i as isActivationKey } from './key-c448e88b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-874bbec5.js';
-import { C as CSS, I as ICONS, S as SLOTS } from './resources-583d9514.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-165cd388.js';
+import { g as getRoundRobinIndex } from './array-ff939574.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, d as focusElement } from './dom-79f84f98.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { i as isActivationKey } from './key-120fe23c.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { C as CSS, I as ICONS, S as SLOTS } from './resources-27ffbef0.js';
+import './resources-4b333cce.js';
 
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;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:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3130ae12.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { s as slotChangeGetAssignedElements } from './dom-7f542879.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-76a587d0.js';
-import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-652112cb.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
-import './resources-c2c49c6b.js';
-import './resources-583d9514.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { s as slotChangeGetAssignedElements } from './dom-79f84f98.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-9a6203a1.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-85532e87.js';
+import { c as createObserver } from './observers-200147a2.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './key-120fe23c.js';
+import './resources-65fce7c2.js';
+import './resources-27ffbef0.js';
 
 const CSS = {
   actionGroupEnd: "action-group--end",

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

@@ -1,18 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-3130ae12.js';
-import { t as toAriaBoolean } from './dom-7f542879.js';
-import { g as guid } from './guid-ad9851a9.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-6404136c.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-76a587d0.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
+import { r as registerInstance, h, H as Host, a as getElement, f as forceUpdate } from './index-165cd388.js';
+import { t as toAriaBoolean } from './dom-79f84f98.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a6203a1.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
+import './key-120fe23c.js';
 
 const CSS = {
   button: "button",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3130ae12.js';
-import { b as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, h as getSlotted } from './dom-7f542879.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-722dc218.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-9fd7af79.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-76a587d0.js';
-import { K as KindIcons } from './resources-eb08a955.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
-import './observers-d33d29a4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { b as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, h as getSlotted } from './dom-79f84f98.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-b09d220a.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-fb9b3aae.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-9a6203a1.js';
+import { K as KindIcons } from './resources-21e9251a.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './key-120fe23c.js';
+import './observers-200147a2.js';
 
 const DURATIONS = {
   slow: 14000,

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, h, a as getElement } from './index-3130ae12.js';
-import { j as getModeName } from './dom-7f542879.js';
-import { h as hexToRGB, i as isValidHex } from './utils-8dde19d1.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, h, a as getElement } from './index-165cd388.js';
+import { j as getModeName } from './dom-79f84f98.js';
+import { h as hexToRGB, i as isValidHex } from './utils-7049def3.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,38 +1,43 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3130ae12.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { f as focusFirstTabbable, h as getSlotted, t as toAriaBoolean, g as getElementDir } from './dom-7f542879.js';
-import { g as guid } from './guid-ad9851a9.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-6404136c.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-76a587d0.js';
-import { H as Heading } from './Heading-3e9d277d.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-874bbec5.js';
-import { i as isActivationKey } from './key-c448e88b.js';
-import './observers-d33d29a4.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { f as focusFirstTabbable, h as getSlotted, t as toAriaBoolean, g as getElementDir } from './dom-79f84f98.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-9a6203a1.js';
+import { H as Heading } from './Heading-5acbb6cb.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d814078e.js';
+import { i as isActivationKey } from './key-120fe23c.js';
+import './observers-200147a2.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
 
+const IDS$1 = {
+  content: "content",
+  toggle: "toggle",
+};
 const CSS$1 = {
+  button: "button",
   container: "container",
   content: "content",
+  controlContainer: "control-container",
+  description: "description",
+  header: "header",
   headerContainer: "header-container",
+  heading: "heading",
   icon: "icon",
+  invalid: "invalid",
   statusIcon: "status-icon",
+  summary: "summary",
+  title: "title",
   toggle: "toggle",
   toggleIcon: "toggle-icon",
-  title: "title",
-  heading: "heading",
-  header: "header",
-  button: "button",
-  summary: "summary",
-  description: "description",
-  controlContainer: "control-container",
   valid: "valid",
-  invalid: "invalid",
 };
 const SLOTS = {
   icon: "icon",
@@ -52,7 +57,6 @@ const Block = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteBlockToggle = createEvent(this, "calciteBlockToggle", 6);
-    this.guid = guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -152,13 +156,10 @@ const Block = class {
     const hasControl = !!getSlotted(el, SLOTS.control);
     const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);
     const collapseIcon = open ? ICONS$1.opened : ICONS$1.closed;
-    const { guid } = this;
-    const regionId = `${guid}-region`;
-    const buttonId = `${guid}-button`;
-    const headerNode = (h("div", { class: CSS$1.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-controls": regionId, "aria-expanded": collapsible ? toAriaBoolean(open) : null, "aria-label": toggleLabel, class: CSS$1.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS$1.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), hasControl ? (h("div", { class: CSS$1.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: messages.options }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
+    const headerNode = (h("div", { class: CSS$1.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-controls": IDS$1.content, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS$1.toggle, id: IDS$1.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS$1.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), hasControl ? (h("div", { class: CSS$1.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: messages.options }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
     return (h(Host, null, h("article", { "aria-busy": toAriaBoolean(loading), class: {
         [CSS$1.container]: true,
-      } }, headerNode, h("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: CSS$1.content, hidden: !open, id: regionId }, this.renderScrim()))));
+      } }, headerNode, h("section", { "aria-labelledby": IDS$1.toggle, class: CSS$1.content, hidden: !open, id: IDS$1.content }, this.renderScrim()))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
@@ -169,16 +170,22 @@ const Block = class {
 };
 Block.style = blockCss;
 
+const IDS = {
+  content: "content",
+  toggle: "toggle",
+};
 const CSS = {
   content: "content",
+  focusGuard: "focus-guard",
   invalid: "invalid",
+  sectionHeader: "section-header",
+  sectionHeaderText: "section-header__text",
+  statusIcon: "status-icon",
   toggle: "toggle",
   toggleSwitch: "toggle--switch",
+  toggleSwitchContainer: "toggle--switch-container",
   toggleSwitchContent: "toggle--switch__content",
   toggleSwitchText: "toggle--switch__text",
-  sectionHeader: "section-header",
-  sectionHeaderText: "section-header__text",
-  statusIcon: "status-icon",
   valid: "valid",
 };
 const ICONS = {
@@ -189,13 +196,12 @@ const ICONS = {
   invalid: "exclamation-mark-triangle",
 };
 
-const blockSectionCss = ":host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;margin-inline-start:0.25rem}.toggle--switch .status-icon{margin-inline-start:0.5rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}:host([hidden]){display:none}[hidden]{display:none}";
+const blockSectionCss = ":host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-ui-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch-container{position:relative;display:flex;inline-size:100%;align-items:center;background-color:transparent}.toggle--switch-container .focus-guard{--calcite-label-margin-bottom:0;pointer-events:none;position:absolute;inset-inline-end:0;margin-inline-start:0.25rem}.toggle--switch .status-icon{margin-inline-start:0.5rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}:host([hidden]){display:none}[hidden]{display:none}";
 
 const BlockSection = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteBlockSectionToggle = createEvent(this, "calciteBlockSectionToggle", 6);
-    this.guid = guid();
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -284,17 +290,16 @@ const BlockSection = class {
         ? ICONS.menuClosedLeft
         : ICONS.menuClosedRight;
     const toggleLabel = open ? messages.collapse : messages.expand;
-    const { guid } = this;
-    const regionId = `${guid}-region`;
-    const buttonId = `${guid}-button`;
-    const headerNode = toggleDisplay === "switch" ? (h("div", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
+    const headerNode = toggleDisplay === "switch" ? (h("div", { class: {
+        [CSS.toggleSwitchContainer]: true,
+      } }, h("div", { "aria-controls": IDS.content, "aria-expanded": toAriaBoolean(open), class: {
         [CSS.toggle]: true,
         [CSS.toggleSwitch]: true,
-      }, id: buttonId, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel }, h("div", { class: CSS.toggleSwitchContent }, h("span", { class: CSS.toggleSwitchText }, text)), h("calcite-switch", { checked: open, label: toggleLabel, scale: "s", tabIndex: -1 }), this.renderStatusIcon())) : (h("button", { "aria-controls": regionId, "aria-label": toggleLabel, class: {
+      }, id: IDS.toggle, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, role: "button", tabIndex: 0, title: toggleLabel }, h("div", { class: CSS.toggleSwitchContent }, h("span", { class: CSS.toggleSwitchText }, text)), this.renderStatusIcon()), h("calcite-label", { class: CSS.focusGuard, layout: "inline", tabIndex: -1 }, h("calcite-switch", { checked: open, label: toggleLabel, scale: "s" })))) : (h("button", { "aria-controls": IDS.content, "aria-expanded": toAriaBoolean(open), class: {
         [CSS.sectionHeader]: true,
         [CSS.toggle]: true,
-      }, id: buttonId, name: toggleLabel, onClick: this.toggleSection }, h("calcite-icon", { icon: arrowIcon, scale: "s" }), h("span", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));
-    return (h(Host, null, headerNode, h("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: CSS.content, hidden: !open, id: regionId }, h("slot", null))));
+      }, id: IDS.toggle, onClick: this.toggleSection }, h("calcite-icon", { icon: arrowIcon, scale: "s" }), h("span", { class: CSS.sectionHeaderText }, text), this.renderStatusIcon()));
+    return (h(Host, null, headerNode, h("section", { "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content }, h("slot", null))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }

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

@@ -1,20 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, h, a as getElement } from './index-3130ae12.js';
-import { s as submitForm, r as resetForm, f as findAssociatedForm } from './form-db12a7f3.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-6404136c.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-3c1a514c.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-874bbec5.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-76a587d0.js';
-import './dom-7f542879.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
+import { r as registerInstance, h, a as getElement } from './index-165cd388.js';
+import { s as submitForm, r as resetForm, f as findAssociatedForm } from './form-c73d3da5.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b88198aa.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-d814078e.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-9a6203a1.js';
+import './dom-79f84f98.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
+import './key-120fe23c.js';
 
 const CSS = {
   buttonLoader: "calcite-button--loader",

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3130ae12.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-14fa4e18.js';
-import { t as toAriaBoolean, h as getSlotted } from './dom-7f542879.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-722dc218.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-76a587d0.js';
-import './observers-d33d29a4.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
-import './key-c448e88b.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-165cd388.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-d8f568e7.js';
+import { t as toAriaBoolean, h as getSlotted } from './dom-79f84f98.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-b09d220a.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-9a6203a1.js';
+import './observers-200147a2.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './key-120fe23c.js';
 
 const CSS = {
   container: "container",

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-3130ae12.js';
-import { t as toAriaBoolean } from './dom-7f542879.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-db12a7f3.js';
-import { g as guid } from './guid-ad9851a9.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-6404136c.js';
-import { i as isActivationKey } from './key-c448e88b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-3c1a514c.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-874bbec5.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-165cd388.js';
+import { t as toAriaBoolean } from './dom-79f84f98.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c73d3da5.js';
+import { g as guid } from './guid-3f32a87e.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { i as isActivationKey } from './key-120fe23c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b88198aa.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d814078e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
 
 const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}: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:inline-flex;cursor:pointer;-webkit-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;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;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);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{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-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}: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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-chip-group.entry.js

@@ -1,15 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.8
+ * v1.7.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3130ae12.js';
-import { l as focusElementInGroup, t as toAriaBoolean } from './dom-7f542879.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-6404136c.js';
-import { c as createObserver } from './observers-d33d29a4.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-874bbec5.js';
-import './guid-ad9851a9.js';
-import './resources-4c4c6f08.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-165cd388.js';
+import { l as focusElementInGroup, t as toAriaBoolean } from './dom-79f84f98.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-5801a6e6.js';
+import { c as createObserver } from './observers-200147a2.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-d814078e.js';
+import './guid-3f32a87e.js';
+import './resources-4b333cce.js';
+import './browser-612db93f.js';
 
 const chipGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";