@esri/calcite-components 1.0.0-next.685 → 1.0.0-next.686

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-01ed57a7.js';
-import { s as slotChangeHasAssignedElement, d as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-4364d242.js';
-import { S as StatusIcons } from './interfaces-74e734bc.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-35c77363.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-2626acf7.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-7fa6e271.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
-import './key-b87b23c0.js';
-import './observers-b0e3cc45.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-030b26cd.js';
+import { s as slotChangeHasAssignedElement, d as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-285f7254.js';
+import { K as KindIcons } from './resources-946fa0a5.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fee0a561.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-3fd5ccfe.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-d57055a9.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
+import './key-f99c6711.js';
+import './observers-33f3ce83.js';
 
 const DURATIONS = {
   slow: 14000,
@@ -32,7 +32,7 @@ const CSS = {
   close: "alert-close"
 };
 
-const alertCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}[hidden]{display:none}.container{display:flex;inline-size:100%;align-items:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;flex-direction:column;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 0;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;cursor:pointer;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:flex;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-close])>.alert-queue-count{border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-close-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .alert-dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}";
+const alertCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}[hidden]{display:none}.container{display:flex;inline-size:100%;align-items:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;flex-direction:column;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 0;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;display:flex;align-items:center;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);flex:0 0 auto;cursor:pointer;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:flex;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-close])>.alert-queue-count{border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:\"\";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-block-start-color:var(--calcite-ui-brand)}:host([kind=brand]) .container .alert-icon{color:var(--calcite-ui-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-ui-info)}:host([kind=info]) .container .alert-icon{color:var(--calcite-ui-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([kind=danger]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-ui-success)}:host([kind=success]) .container .alert-icon{color:var(--calcite-ui-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([kind=warning]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([auto-close-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .alert-dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .alert-dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}";
 
 const Alert = class {
   constructor(hostRef) {
@@ -77,7 +77,7 @@ const Alert = class {
     this.open = false;
     this.autoClose = false;
     this.autoCloseDuration = this.autoClose ? "medium" : null;
-    this.color = "blue";
+    this.kind = "brand";
     this.icon = undefined;
     this.label = undefined;
     this.numberingSystem = undefined;
@@ -106,7 +106,7 @@ const Alert = class {
     /* wired up by t9n util */
   }
   updateRequestedIcon() {
-    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
+    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
   }
   updateDuration() {
     if (this.autoClose && this.autoCloseTimeoutId) {
@@ -131,7 +131,7 @@ const Alert = class {
   }
   async componentWillLoad() {
     setUpLoadableComponent(this);
-    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
+    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
     await setUpMessages(this);
   }
   componentDidLoad() {
@@ -241,7 +241,7 @@ const Alert = class {
     "open": ["openHandler"],
     "messageOverrides": ["onMessagesChange"],
     "icon": ["updateRequestedIcon"],
-    "color": ["updateRequestedIcon"],
+    "kind": ["updateRequestedIcon"],
     "autoCloseDuration": ["updateDuration"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, h, g as getElement } from './index-01ed57a7.js';
-import { h as hexToRGB, i as isValidHex } from './utils-3d9bed38.js';
-import { e as getThemeName } from './dom-4364d242.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
+import { r as registerInstance, h, g as getElement } from './index-030b26cd.js';
+import { h as hexToRGB, i as isValidHex } from './utils-661a3129.js';
+import { e as getThemeName } from './dom-285f7254.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,19 +1,19 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-01ed57a7.js';
-import { g as getSlotted, t as toAriaBoolean, b as getElementDir } from './dom-4364d242.js';
-import { H as Heading } from './Heading-d3184c58.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40cfcd8b.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { g as guid } from './guid-597ee4e5.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-7fa6e271.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { i as isActivationKey } from './key-b87b23c0.js';
-import './resources-ce8597f8.js';
-import './observers-b0e3cc45.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-030b26cd.js';
+import { g as getSlotted, t as toAriaBoolean, b as getElementDir } from './dom-285f7254.js';
+import { H as Heading } from './Heading-1a57f4fd.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1712a58c.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { g as guid } from './guid-e4a64dcc.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-d57055a9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { i as isActivationKey } from './key-f99c6711.js';
+import './resources-5f7b4bda.js';
+import './observers-33f3ce83.js';
 
 const CSS$1 = {
   container: "container",

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

@@ -1,20 +1,20 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, h, g as getElement } from './index-01ed57a7.js';
-import { c as closestElementCrossShadowBoundary } from './dom-4364d242.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a672deb2.js';
-import { c as createObserver } from './observers-b0e3cc45.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { s as submitForm, r as resetForm } from './form-4def3f67.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-7fa6e271.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
-import './key-b87b23c0.js';
+import { r as registerInstance, h, g as getElement } from './index-030b26cd.js';
+import { c as closestElementCrossShadowBoundary } from './dom-285f7254.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-231b23ff.js';
+import { c as createObserver } from './observers-33f3ce83.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { s as submitForm, r as resetForm } from './form-a4fdb454.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-d57055a9.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
+import './key-f99c6711.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-01ed57a7.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-4364d242.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40cfcd8b.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-7fa6e271.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
-import './observers-b0e3cc45.js';
-import './key-b87b23c0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-030b26cd.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-285f7254.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1712a58c.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-d57055a9.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
+import './observers-33f3ce83.js';
+import './key-f99c6711.js';
 
 const CSS = {
   container: "container",

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

@@ -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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-01ed57a7.js';
-import { g as guid } from './guid-597ee4e5.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-4def3f67.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a672deb2.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { t as toAriaBoolean } from './dom-4364d242.js';
-import { i as isActivationKey } from './key-b87b23c0.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-030b26cd.js';
+import { g as guid } from './guid-e4a64dcc.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-a4fdb454.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-231b23ff.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { t as toAriaBoolean } from './dom-285f7254.js';
+import { i as isActivationKey } from './key-f99c6711.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
 
 const checkboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-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: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-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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

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

@@ -1,18 +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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-01ed57a7.js';
-import { g as getSlotted } from './dom-4364d242.js';
-import { g as guid } from './guid-597ee4e5.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40cfcd8b.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-7fa6e271.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
-import './observers-b0e3cc45.js';
-import './key-b87b23c0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-030b26cd.js';
+import { g as getSlotted } from './dom-285f7254.js';
+import { g as guid } from './guid-e4a64dcc.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1712a58c.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-d57055a9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
+import './observers-33f3ce83.js';
+import './key-f99c6711.js';
 
 const CSS = {
   title: "title",
@@ -41,7 +41,7 @@ const Chip = class {
     // --------------------------------------------------------------------------
     this.closeClickHandler = (event) => {
       event.preventDefault();
-      this.calciteChipClose.emit(this.el);
+      this.calciteChipClose.emit();
       this.closed = true;
     };
     this.guid = guid();

package/dist/esm/calcite-color-picker_3.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-01ed57a7.js';
-import { i as isPrimaryPointerButton, b as getElementDir, f as focusElement, e as getThemeName } from './dom-4364d242.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-3d9bed38.js';
-import { c as clamp } from './math-2ab373fd.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { i as isActivationKey } from './key-b87b23c0.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-7fa6e271.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d7726e37.js';
-import { d as debounce, i as isObject } from './debounce-bfdb22c3.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
-import './observers-b0e3cc45.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-030b26cd.js';
+import { i as isPrimaryPointerButton, b as getElementDir, f as focusElement, e as getThemeName } from './dom-285f7254.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-661a3129.js';
+import { c as clamp } from './math-a20c9503.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { i as isActivationKey } from './key-f99c6711.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-d57055a9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-672fa2c5.js';
+import { d as debounce, i as isObject } from './debounce-4298a315.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
+import './observers-33f3ce83.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

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

@@ -1,25 +1,25 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-01ed57a7.js';
-import { f as filter } from './filter-b183abab.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-1dcf275a.js';
-import { g as guid } from './guid-597ee4e5.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-4364d242.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a672deb2.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-4def3f67.js';
-import { c as createObserver } from './observers-b0e3cc45.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-35c77363.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-7fa6e271.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d7726e37.js';
-import { d as debounce } from './debounce-bfdb22c3.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-40cfcd8b.js';
-import './resources-ce8597f8.js';
-import './key-b87b23c0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-030b26cd.js';
+import { f as filter } from './filter-0b175e02.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-af754833.js';
+import { g as guid } from './guid-e4a64dcc.js';
+import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-285f7254.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-231b23ff.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-a4fdb454.js';
+import { c as createObserver } from './observers-33f3ce83.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fee0a561.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-d57055a9.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-672fa2c5.js';
+import { d as debounce } from './debounce-4298a315.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-1712a58c.js';
+import './resources-5f7b4bda.js';
+import './key-f99c6711.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -878,7 +878,7 @@ const ComboboxItem = class {
     this.filterDisabled = undefined;
   }
   selectedWatchHandler() {
-    this.calciteComboboxItemChange.emit(this.el);
+    this.calciteComboboxItemChange.emit();
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-date-picker_4.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-01ed57a7.js';
-import { h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './utils-4c20cc15.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-7fa6e271.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-2626acf7.js';
-import { c as closestElementCrossShadowBoundary, b as getElementDir } from './dom-4364d242.js';
-import { C as CSS_UTILITY } from './resources-ce8597f8.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { i as isActivationKey } from './key-b87b23c0.js';
-import { H as Heading } from './Heading-d3184c58.js';
-import './observers-b0e3cc45.js';
-import './guid-597ee4e5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-030b26cd.js';
+import { h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './utils-27f32f99.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-d57055a9.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-3fd5ccfe.js';
+import { c as closestElementCrossShadowBoundary, b as getElementDir } from './dom-285f7254.js';
+import { C as CSS_UTILITY } from './resources-5f7b4bda.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { i as isActivationKey } from './key-f99c6711.js';
+import { H as Heading } from './Heading-1a57f4fd.js';
+import './observers-33f3ce83.js';
+import './guid-e4a64dcc.js';
 
 const HEADING_LEVEL = 2;
 
@@ -357,8 +357,8 @@ const DatePicker = class {
    */
   renderCalendar(activeDate, maxDate, minDate, date, endDate) {
     return (this.localeData && [
-      h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL, localeData: this.localeData, max: maxDate, messages: this.messages, min: minDate, onCalciteDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
-      h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerSelect: this.monthDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
+      h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL, localeData: this.localeData, max: maxDate, messages: this.messages, min: minDate, onCalciteInternalDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
+      h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteInternalDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, onCalciteInternalDatePickerSelect: this.monthDateChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
     ]);
   }
   /**
@@ -497,9 +497,9 @@ const datePickerMonthCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframe
 const DatePickerMonth = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 6);
+    this.calciteInternalDatePickerSelect = createEvent(this, "calciteInternalDatePickerSelect", 6);
     this.calciteInternalDatePickerHover = createEvent(this, "calciteInternalDatePickerHover", 6);
-    this.calciteDatePickerActiveDateChange = createEvent(this, "calciteDatePickerActiveDateChange", 6);
+    this.calciteInternalDatePickerActiveDateChange = createEvent(this, "calciteInternalDatePickerActiveDateChange", 6);
     this.calciteInternalDatePickerMouseOut = createEvent(this, "calciteInternalDatePickerMouseOut", 6);
     //--------------------------------------------------------------------------
     //
@@ -573,7 +573,7 @@ const DatePickerMonth = class {
     };
     this.daySelect = (event) => {
       const target = event.target;
-      this.calciteDatePickerSelect.emit(target.value);
+      this.calciteInternalDatePickerSelect.emit(target.value);
     };
     this.selectedDate = undefined;
     this.activeDate = new Date();
@@ -637,7 +637,7 @@ const DatePickerMonth = class {
   addMonths(step) {
     const nextDate = new Date(this.activeDate);
     nextDate.setMonth(this.activeDate.getMonth() + step);
-    this.calciteDatePickerActiveDateChange.emit(dateFromRange(nextDate, this.min, this.max));
+    this.calciteInternalDatePickerActiveDateChange.emit(dateFromRange(nextDate, this.min, this.max));
     this.activeFocus = true;
   }
   /**
@@ -648,7 +648,7 @@ const DatePickerMonth = class {
   addDays(step = 0) {
     const nextDate = new Date(this.activeDate);
     nextDate.setDate(this.activeDate.getDate() + step);
-    this.calciteDatePickerActiveDateChange.emit(dateFromRange(nextDate, this.min, this.max));
+    this.calciteInternalDatePickerActiveDateChange.emit(dateFromRange(nextDate, this.min, this.max));
     this.activeFocus = true;
   }
   /**
@@ -820,7 +820,7 @@ const datePickerMonthHeaderCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@ke
 const DatePickerMonthHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 6);
+    this.calciteInternalDatePickerSelect = createEvent(this, "calciteInternalDatePickerSelect", 6);
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -876,7 +876,7 @@ const DatePickerMonthHeader = class {
      */
     this.handleArrowClick = (event, date) => {
       event.preventDefault();
-      this.calciteDatePickerSelect.emit(date);
+      this.calciteInternalDatePickerSelect.emit(date);
     };
     this.selectedDate = undefined;
     this.activeDate = undefined;
@@ -977,7 +977,7 @@ const DatePickerMonthHeader = class {
     const inRangeDate = this.getInRangeDate({ localizedYear, offset });
     // if you've supplied a year and it's in range, update active date
     if (inRangeDate) {
-      this.calciteDatePickerSelect.emit(inRangeDate);
+      this.calciteInternalDatePickerSelect.emit(inRangeDate);
     }
     if (commit) {
       yearInput.value = this.formatCalendarYear((inRangeDate || activeDate).getFullYear());

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

@@ -1,19 +1,19 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-01ed57a7.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-4364d242.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-1dcf275a.js';
-import { c as createObserver } from './observers-b0e3cc45.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-35c77363.js';
-import { g as guid } from './guid-597ee4e5.js';
-import { i as isActivationKey } from './key-b87b23c0.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
-import './debounce-bfdb22c3.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-030b26cd.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-285f7254.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-af754833.js';
+import { c as createObserver } from './observers-33f3ce83.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fee0a561.js';
+import { g as guid } from './guid-e4a64dcc.js';
+import { i as isActivationKey } from './key-f99c6711.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
+import './debounce-4298a315.js';
 
 const SLOTS = {
   dropdownTrigger: "trigger"

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

@@ -1,14 +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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, h, g as getElement } from './index-01ed57a7.js';
-import { f as focusElement } from './dom-4364d242.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-d7726e37.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
+import { r as registerInstance, h, g as getElement } from './index-030b26cd.js';
+import { f as focusElement } from './dom-285f7254.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-672fa2c5.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
 
 const CSS = {
   button: "button"

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

@@ -1,20 +1,20 @@
 /*!
  * 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.685
+ * v1.0.0-next.686
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-01ed57a7.js';
-import { f as focusElement } from './dom-4364d242.js';
-import { u as updateHostInteraction } from './interactive-6edf347f.js';
-import { f as filter } from './filter-b183abab.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-2626acf7.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-7fa6e271.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-d7726e37.js';
-import { d as debounce } from './debounce-bfdb22c3.js';
-import './resources-ce8597f8.js';
-import './guid-597ee4e5.js';
-import './key-b87b23c0.js';
-import './observers-b0e3cc45.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-030b26cd.js';
+import { f as focusElement } from './dom-285f7254.js';
+import { u as updateHostInteraction } from './interactive-23c0ffb9.js';
+import { f as filter } from './filter-0b175e02.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-3fd5ccfe.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-d57055a9.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-672fa2c5.js';
+import { d as debounce } from './debounce-4298a315.js';
+import './resources-5f7b4bda.js';
+import './guid-e4a64dcc.js';
+import './key-f99c6711.js';
+import './observers-33f3ce83.js';
 
 const CSS = {
   container: "container",