@esri/solutions-components 0.10.4 → 0.10.5

package/dist/cjs/calcite-modal.cjs.entry.js

@@ -8,24 +8,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-const focusTrapComponent = require('./focusTrapComponent-32084d52.js');
-const loadable = require('./loadable-52223908.js');
-const observers = require('./observers-304eec4e.js');
-const openCloseComponent = require('./openCloseComponent-7cf2d6c4.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const component = require('./component-8ff3f229.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./config-f0cc2786.js');
-require('./key-f95b815e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+const focusTrapComponent = require('./focusTrapComponent-1881eaf7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const observers = require('./observers-3440c668.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const component = require('./component-9d0efa36.js');
+const logger = require('./logger-bb2cd9dd.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./config-6a670c0d.js');
+require('./browser-02cbd1d9.js');
+require('./key-e4dd32ff.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     modal: "modal",
@@ -39,11 +41,11 @@ const CSS = {
     primary: "primary",
     container: "container",
     containerOpen: "container--open",
+    containerEmbedded: "container--embedded",
     content: "content",
     contentNoFooter: "content--no-footer",
     contentBottom: "content-bottom",
     contentTop: "content-top",
-    slottedInShell: "slotted-in-shell",
     // these classes help apply the animation in phases to only set transform on open/close
     // this helps avoid a positioning issue for any floating-ui-owning children
     openingIdle: "modal--opening-idle",
@@ -64,11 +66,26 @@ const SLOTS = {
     primary: "primary",
 };
 
-const modalCss = ":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
+const modalCss = ":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteModalStyle0 = modalCss;
 
 let totalOpenModals = 0;
 let initialDocumentOverflowStyle = "";
+/**
+ * @deprecated Use the `calcite-dialog` component instead.
+ * @slot header - A slot for adding header text.
+ * @slot content - A slot for adding the component's content.
+ * @slot content-top - A slot for adding content to the component's sticky header, where content remains at the top of the component when scrolling up and down.
+ * @slot content-bottom - A slot for adding content to the component's sticky footer, where content remains at the bottom of the component when scrolling up and down.
+ * @slot primary - A slot for adding a primary button.
+ * @slot secondary - A slot for adding a secondary button.
+ * @slot back - A slot for adding a back button.
+ */
+logger.logger.deprecated("component", {
+    name: "modal",
+    removalVersion: 4,
+    suggested: "dialog",
+});
 const Modal = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -151,6 +168,7 @@ const Modal = class {
         this.focusTrapDisabled = false;
         this.outsideCloseDisabled = false;
         this.docked = undefined;
+        this.embedded = false;
         this.escapeDisabled = false;
         this.scale = "m";
         this.widthScale = "m";
@@ -158,7 +176,6 @@ const Modal = class {
         this.kind = undefined;
         this.messages = undefined;
         this.messageOverrides = undefined;
-        this.slottedInShell = undefined;
         this.cssWidth = undefined;
         this.cssHeight = undefined;
         this.hasFooter = true;
@@ -210,19 +227,19 @@ const Modal = class {
         focusTrapComponent.deactivateFocusTrap(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
-        this.slottedInShell = false;
+        this.embedded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5988d0ae6102227a53416a87e19623bcb6c2bff7', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, index.h("div", { key: '7c38ff73a4925431bad86e09ba1594c16e01574a', class: {
+        return (index.h(index.Host, { key: '8564a697a28ed4b7901302a1737337cac97cfc5e', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, index.h("div", { key: 'c0ecd13e2214b8a7a6239b19117a41570d46ff22', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
-                [CSS.slottedInShell]: this.slottedInShell,
-            } }, index.h("calcite-scrim", { key: '0320fc0cb33f8a80c3a97da89e78060541f79ee1', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), index.h("div", { key: '8dccbedf921a3cb9c2b70c3f184abd3362fed956', class: {
+                [CSS.containerEmbedded]: this.embedded,
+            } }, index.h("calcite-scrim", { key: '8083cb49047c5fe80ba6cdc6b842de6dac5a8b37', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), index.h("div", { key: 'd38c9e98e8b34626dc11bfaa73f71a0debc36fad', class: {
                 [CSS.modal]: true,
-            }, ref: this.setTransitionEl }, index.h("div", { key: '5eca173f4c4e8ba5e8b771195a3f8d3eb0a23481', class: CSS.header }, this.renderCloseButton(), index.h("header", { key: '8c5e8465066363660c39f7a9007b4371ee8b8b9b', class: CSS.title }, index.h("slot", { key: '69ad005c561f3382bb9dc6d7d62821c72e988df9', name: CSS.header }))), this.renderContentTop(), index.h("div", { key: '653ec9ea8e2a91bf7b1f2c5d24700050cc3b71d7', class: {
+            }, ref: this.setTransitionEl }, index.h("div", { key: '9bc1a0823ddf4621b52db89237fe73344b3351a5', class: CSS.header }, this.renderCloseButton(), index.h("header", { key: '97d3a927123332d087366a90a406be6f10ce16a3', class: CSS.title }, index.h("slot", { key: 'c7540bb4381dec0b88b18f0732a90b862d30c557', name: CSS.header }))), this.renderContentTop(), index.h("div", { key: 'fe8943411971950170fabeac8bb79d2af7338227', class: {
                 [CSS.content]: true,
                 [CSS.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, index.h("slot", { key: 'cfb2ca243899891d2169eaf22db843171a90607a', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, index.h("slot", { key: 'c31734ea1ea7aca1a625c8ac606c75500ae72021', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (index.h("div", { class: CSS.footer, key: "footer" }, index.h("span", { class: CSS.back }, index.h("slot", { name: SLOTS.back })), index.h("span", { class: CSS.secondary }, index.h("slot", { name: SLOTS.secondary })), index.h("span", { class: CSS.primary }, index.h("slot", { name: SLOTS.primary })))) : null;
@@ -359,7 +376,7 @@ const Modal = class {
         const contentEl = dom.getSlotted(this.el, SLOTS.content);
         this.titleId = dom.ensureId(titleEl);
         this.contentId = dom.ensureId(contentEl);
-        if (!this.slottedInShell) {
+        if (!this.embedded) {
             if (totalOpenModals === 0) {
                 initialDocumentOverflowStyle = document.documentElement.style.overflow;
             }

package/dist/cjs/calcite-navigation-logo.cjs.entry.js

@@ -8,13 +8,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const loadable = require('./loadable-52223908.js');
-const Heading = require('./Heading-97656cb9.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const Heading = require('./Heading-5b274572.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -87,7 +88,7 @@ const CalciteNavigationLogo = class {
     }
     render() {
         const { thumbnail } = this;
-        return (index.h(index.Host, { key: '22c239d9bd98a2f204c851939684c170c966c70f' }, index.h("a", { key: 'bb04b314cb0a510c5690ab1f496250716591da73', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && index.h("img", { key: '365d8955dd0486e6cc5b3bdabc232c2bbc873beb', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (index.h(index.Host, { key: '3175c360a50d803f38d7925d73545536266f243a' }, index.h("a", { key: 'e59bcf043d82205b1bd9b064b73f5a61b79e4c5c', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && index.h("img", { key: '4e43a4ca1c99e3d9aa07bf7661c1a3e6e3fa7442', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-navigation.cjs.entry.js

@@ -8,15 +8,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const loadable = require('./loadable-52223908.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
+const dom = require('./dom-63b93b3b.js');
+const loadable = require('./loadable-ef8f0acf.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -154,12 +155,12 @@ const CalciteNavigation = class {
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (index.h(index.Host, { key: '90716066eddd9526387b8d776a33a3b49f442fcf' }, index.h("div", { key: '4570df059f3bd7f3db26da667133e1d3ff100d02', class: {
+        return (index.h(index.Host, { key: '1d1a6c7d7834d030dd2edd4002478779c7fddb87' }, index.h("div", { key: 'f9eaa72e8f5cd3f6efe29ef17362a8aa3b0fe249', class: {
                 [CSS.container]: true,
                 [CSS.secondary]: slotName === SLOTS.navSecondary,
                 [CSS.tertiary]: slotName === SLOTS.navTertiary,
                 [CSS.primary]: primaryLevelHasElements,
-            } }, index.h("div", { key: '684b0093d7c00584a0a73346b1bb62e58afbcf7a', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, index.h("slot", { key: 'df51feca5afcef936840a2f08d5af9ee4fe795b7', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), index.h("div", { key: 'a86993a2eaf582d3d275c79ea7cf4ea4fc338a61', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), index.h("div", { key: 'e3312b2bbb984efb48d0ba532e1324489562250f', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, index.h("slot", { key: '0b50f1f649d8468058ed0d6df50d56f06b29bd85', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), index.h("slot", { key: '05c9daeabb19445d08ca08ba801f10084a9bdab6', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), index.h("slot", { key: 'e60b6602e5b4acebd461d76aebeb057b794f496e', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), index.h("slot", { key: 'dce9a7f2fc213894f42938d56800db89753d4458', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), index.h("div", { key: 'd2600064d0c1ea9f4902b20b6b6bafd7777e4266', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, index.h("slot", { key: 'e2248fba8df0aa95513c03a8397c54bc019cf9fc', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), index.h(index.Fragment, { key: '7fb0e6fc939f64ab9cec1aad15e8d4d4d7b97ea7' }, index.h("slot", { key: '751dd61f066242c1b417633a1336676f090ca8f2', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), index.h("slot", { key: 'a28c91c88072438fdc2c018996c0819953a9e10e', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, index.h("div", { key: 'f7ea3f229571b49762e2cd7ab0347e6b9ea7dd4a', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, index.h("slot", { key: '9a4ada6d080ade9fbba101fa2164a8b14eeec156', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), index.h("div", { key: '736eba5cdbc73132bf53104c6359ac4e9415e35e', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), index.h("div", { key: 'dbea8e431f26edd7df09607a1485a28538ffd81e', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, index.h("slot", { key: '3780f30540e7de2a18a3158d7c4cd318010ca3d6', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), index.h("slot", { key: 'a8569142c3e56b1e3a6d0f632c4927bd5476c2d7', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), index.h("slot", { key: '716d5715d9357cb470e116b4e11063c6ce80818a', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), index.h("slot", { key: '9c18337874f70deb327e56a91b5fb77577bcf0ae', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), index.h("div", { key: 'b500beed8e9dccc07583f9bdf7fc1c2eb87301b7', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, index.h("slot", { key: '0224aa4a9e9792530e17d9a1ef66c1708e439de1', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), index.h(index.Fragment, { key: 'b2dff59e666924e8d97365fd9a998d87dea61fca' }, index.h("slot", { key: 'dd846a2b4cf68336fa35687e740e72e50f62d105', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), index.h("slot", { key: '1c13be322fce256254c82222f6d976e3ca4cf334', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-notice.cjs.entry.js

@@ -8,23 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-const loadable = require('./loadable-52223908.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const resources = require('./resources-f65f6a7c.js');
-const openCloseComponent = require('./openCloseComponent-7cf2d6c4.js');
-const component = require('./component-8ff3f229.js');
-require('./observers-304eec4e.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./key-f95b815e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const resources = require('./resources-91cff82d.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const component = require('./component-9d0efa36.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./key-e4dd32ff.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const SLOTS = {
     title: "title",
@@ -40,7 +41,7 @@ const CSS = {
     icon: "notice-icon",
 };
 
-const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";
+const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0 solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteNoticeStyle0 = noticeCss;
 
 const Notice = class {
@@ -111,9 +112,9 @@ const Notice = class {
     }
     render() {
         const { el } = this;
-        const closeButton = (index.h("button", { key: '1b4ae79f5fc89f18c9d4d627083b4be8d8a92e3d', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { key: '1064f053c388a5c91050ac496c59c9bd9a5426ac', icon: "x", scale: component.getIconScale(this.scale) })));
+        const closeButton = (index.h("button", { key: '4de511d4d93ee2078a4ed0d5fee2397d4d433691', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { key: 'bb983d2377b1f8c20b9d23cb63f258b4b6a670d9', icon: "x", scale: component.getIconScale(this.scale) })));
         const hasActionEnd = dom.getSlotted(el, SLOTS.actionsEnd);
-        return (index.h("div", { key: '7ab86963e6d7e7a3de19cff902c2ecd63c0af24e', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }))) : null, index.h("div", { key: '78c341c2e53c971418b4444b53a91f5aa1bb44a4', class: CSS.content }, index.h("slot", { key: '8abebe878544b8f114669416773ddbfa51a37667', name: SLOTS.title }), index.h("slot", { key: '527cff9ac8397c27a1da38771d8887ab489eb8c7', name: SLOTS.message }), index.h("slot", { key: '5c51f496846f890d554cd155de67c91f392fbf24', name: SLOTS.link })), hasActionEnd ? (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
+        return (index.h("div", { key: 'd83f3161115f422c6a6bc8591a2763f0ab17dd83', class: CSS.container, ref: this.setTransitionEl }, this.requestedIcon ? (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }))) : null, index.h("div", { key: '3851d512eaea58676aa7c3de513e4aedf4e644c9', class: CSS.content }, index.h("slot", { key: '6393d41eb420b92fc94467c108fc5aa4ab6e941c', name: SLOTS.title }), index.h("slot", { key: 'f750570f0675e9f3ef9f76ed8362e848e5c6311c', name: SLOTS.message }), index.h("slot", { key: '2c8ded4623c885d3b2d9897c7c402f96dffbc8d7', name: SLOTS.link })), hasActionEnd ? (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-option-group.cjs.entry.js

@@ -28,7 +28,7 @@ const OptionGroup = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Fragment, { key: 'b4cd175214829ea1d1751ddae82e40559e477867' }, index.h("div", { key: '5342ad95ad2f3e7ba075bc5fb12e51b937f221af' }, this.label), index.h("slot", { key: '8cd0822a67680aec1dcebaba2b64a7c8389a1503' })));
+        return (index.h(index.Fragment, { key: '4b5a421516e7b2cc429067e3de6091cdf7308b54' }, index.h("div", { key: '7909374c7ea80ae0b7afaf593578db7f8c5a68b8' }, this.label), index.h("slot", { key: '8512342bd9840f9ec8a25e2bf51b00bd14b14549' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],

package/dist/cjs/calcite-option_2.cjs.entry.js

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const observers = require('./observers-304eec4e.js');
-const dom = require('./dom-93443cc1.js');
-const form = require('./form-e3e6f1e0.js');
-const interactive = require('./interactive-c120e7de.js');
-const label = require('./label-c4d636db.js');
-const loadable = require('./loadable-52223908.js');
-const component = require('./component-8ff3f229.js');
-const Validation = require('./Validation-29123fe7.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./browser-9f13ebb0.js');
+const observers = require('./observers-3440c668.js');
+const dom = require('./dom-63b93b3b.js');
+const form = require('./form-4c0bbbe5.js');
+const interactive = require('./interactive-272b8484.js');
+const label = require('./label-afda7da7.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const component = require('./component-9d0efa36.js');
+const Validation = require('./Validation-a9d22fb7.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
 
 const optionCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteOptionStyle0 = optionCss;
@@ -82,7 +82,7 @@ const Option = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return index.h("slot", { key: '1fc4aa5b4af5d736dcf52c530167f225f465f195' }, this.label);
+        return index.h("slot", { key: 'be30f48bf31e3ac6c2c7935b3db7b15fd835cb1b' }, this.label);
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -97,7 +97,7 @@ Option.style = CalciteOptionStyle0;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     icon: "icon",
@@ -312,7 +312,7 @@ const Select = class {
     }
     render() {
         const { disabled } = this;
-        return (index.h(index.Host, { key: '80f3cb1fef4ae35fe2b6e9deb524abf4d60f62aa' }, index.h(interactive.InteractiveContainer, { key: '293fc389614ae9921328f34dafc1849bd129c6a9', disabled: disabled }, index.h("div", { key: '09f5e5312cf8ba805fec4d7c1102981890834d09', class: CSS.wrapper }, index.h("select", { key: 'cc6a95b4dc105b3e4aeec499bf6007957e22a6ec', "aria-label": label.getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, index.h("slot", { key: 'f03975d523f1bd67cbe0ac0593a2fe2397f9d129' })), this.renderChevron(), index.h(form.HiddenFormInputSlot, { key: '4f89ff06734e30f384dc900aeec831b075de1df9', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (index.h(index.Host, { key: '7571e773d52003de10a55dbfa742adf59b5a92b7' }, index.h(interactive.InteractiveContainer, { key: '978ce431973274a5f35ad52c7213051eb2f993b0', disabled: disabled }, index.h("div", { key: '543ded49526020df4fff5e4806f77b104f8f0c47', class: CSS.wrapper }, index.h("select", { key: '749fc28bf5925e0628d430377fa40c7bc4bce171', "aria-label": label.getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, index.h("slot", { key: 'd79912b10061fd81842de34e67f334a36779a90c' })), this.renderChevron(), index.h(form.HiddenFormInputSlot, { key: '9b764187f8124950a7939077f83a39afe89189a3', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/calcite-pagination.cjs.entry.js

@@ -8,15 +8,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const loadable = require('./loadable-52223908.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const observers = require('./observers-304eec4e.js');
-const component = require('./component-8ff3f229.js');
-require('./dom-93443cc1.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./key-f95b815e.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const observers = require('./observers-3440c668.js');
+const component = require('./component-9d0efa36.js');
+require('./browser-02cbd1d9.js');
+require('./dom-63b93b3b.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./key-e4dd32ff.js');
 
 /**
  * Do not edit directly
@@ -31,7 +32,7 @@ const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large la
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 /**
  * A breakpoints lookup object.
@@ -52,7 +53,7 @@ function cssLengthToNumber(length) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     list: "list",
@@ -373,7 +374,7 @@ const Pagination = class {
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, index.h("calcite-icon", { flipRtl: true, icon: ICONS.last, scale: component.getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (index.h("ul", { key: '028249592b9071ccf8265ffd253c1136517ebabd', class: CSS.list }, index.h("li", { key: 'efceb3a20185fad3f36c6441b9bd43f0ab65f4e0', class: CSS.listItem }, this.renderFirstChevron()), index.h("li", { key: 'e13359e2a2d01d9c3ce4358eb66b19f55cbfe9e0', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), index.h("li", { key: 'e975096580cf86f04fc05161fe8fb096869c5549', class: CSS.listItem }, this.renderNextChevron()), index.h("li", { key: '9dc30649c80859ea43b4548410a4e46fb924e305', class: CSS.listItem }, this.renderLastChevron())));
+        return (index.h("ul", { key: '6bb903758045382a2097760b6c0f7bd8ae264264', class: CSS.list }, index.h("li", { key: 'dece0973a171338cb9a2f161c717d4540b645241', class: CSS.listItem }, this.renderFirstChevron()), index.h("li", { key: '2dd00d327ae81d53cc44e01bf00999a7bbe311a5', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), index.h("li", { key: 'b4671852f27c6ae8a23e002576bac69948e28111', class: CSS.listItem }, this.renderNextChevron()), index.h("li", { key: 'f89506aa306c3c4ec0a3d9b0fe60e46228129cf0', class: CSS.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }