@esri/solutions-components 0.10.9 → 0.10.11

package/dist/cjs/calcite-list-item-group.cjs.entry.js

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
-const interactive = require('./interactive-272b8484.js');
-const resources = require('./resources-361aeee1.js');
-require('./browser-02cbd1d9.js');
+const index = require('./index-5a0af791.js');
+const interactive = require('./interactive-89f913ba.js');
+const resources = require('./resources-e96455bb.js');
+require('./browser-69696af0.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -62,7 +62,7 @@ const ListItemGroup = class {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (index.h(index.Host, { key: '47c22129d1b6879d3efbb1f98bdefe332e24bfdf' }, index.h(interactive.InteractiveContainer, { key: '07458b983fa815316690de5dffd4a74df1a5af59', disabled: disabled }, index.h("tr", { key: '970298669c14dbf7a6b73bbcccfbd8b0416368dd', class: CSS.container }, index.h("td", { key: '84768e0299ec183bc51f08b80b90e4c1358c9d6d', class: CSS.heading, colSpan: resources.MAX_COLUMNS }, heading)), index.h("slot", { key: 'ebdbc017ca136f67f5b456994ecc277625056232', onSlotchange: this.handleDefaultSlotChange }))));
+        return (index.h(index.Host, { key: '85b83e04247b94aa14924a0f835a1a998dea8a09' }, index.h(interactive.InteractiveContainer, { key: 'd07a3dde8836dad2a905b4621fae3c6c2c3c3966', disabled: disabled }, index.h("tr", { key: 'e0371d077ffca503468e60ea4906391eed32ae85', class: CSS.container }, index.h("td", { key: '41a9ea1a58f0cd4b6daabee4a4b628184aff0cae', class: CSS.heading, colSpan: resources.MAX_COLUMNS }, heading)), index.h("slot", { key: '74dbc9667e9ac7b420a4584b80add4692b143a14', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-menu-item.cjs.entry.js

@@ -7,21 +7,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
-const dom = require('./dom-63b93b3b.js');
-const loadable = require('./loadable-ef8f0acf.js');
-const resources = require('./resources-8556a9ce.js');
-const t9n = require('./t9n-e5fb720b.js');
-const locale = require('./locale-428354f0.js');
-require('./guid-4bc1bc0f.js');
-require('./browser-02cbd1d9.js');
-require('./key-e4dd32ff.js');
-require('./observers-3440c668.js');
+const index = require('./index-5a0af791.js');
+const dom = require('./dom-6a9b6275.js');
+const loadable = require('./loadable-2e2626dc.js');
+const resources = require('./resources-dfe71ff2.js');
+const t9n = require('./t9n-42ba6ea3.js');
+const locale = require('./locale-42c21404.js');
+require('./guid-02e5380f.js');
+require('./browser-69696af0.js');
+require('./key-d6da79d8.js');
+require('./observers-8fed90f3.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -43,7 +43,7 @@ const CSS = {
     textContainer: "text-container",
 };
 
-const menuItemCss = ":host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action::after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:\"\";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover::after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const menuItemCss = ":host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action::after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:\"\";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover::after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteMenuItemStyle0 = menuItemCss;
 
 const CalciteMenuItem = class {
@@ -269,10 +269,10 @@ const CalciteMenuItem = class {
     }
     render() {
         const dir = dom.getElementDir(this.el);
-        return (index.h(index.Host, { key: 'd0565238612162b6f4294cf290d29c84169f5b0c', onBlur: this.blurHandler, onFocus: this.focusHandler }, index.h("li", { key: '023ceb081edd357f900d911e13e7c886ec50c3a8', class: {
+        return (index.h(index.Host, { key: 'bcce69d3d73b19ee5cefd5fa318ceab1c56783ca', onBlur: this.blurHandler, onFocus: this.focusHandler }, index.h("li", { key: 'cb0c08894182a55dc48d1a584d38bb9f3eac0e8b', class: {
                 [CSS.container]: true,
                 [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, index.h("div", { key: '105f0f53cacc9e6a1550b8f653af7803cdedd068', class: CSS.itemContent }, index.h("a", { key: '83ab64642625277a609b3cf790afe2bac8f118e7', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
+            }, role: "none" }, index.h("div", { key: '5ce74539a6937fbfa3035495a20531226add6781', class: CSS.itemContent }, index.h("a", { key: '194e81581df9f9e9b2708862e8875f0d8b2f5350', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

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

@@ -7,16 +7,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.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');
-require('./guid-4bc1bc0f.js');
-require('./resources-8556a9ce.js');
-require('./browser-02cbd1d9.js');
-require('./key-e4dd32ff.js');
-require('./observers-3440c668.js');
+const index = require('./index-5a0af791.js');
+const dom = require('./dom-6a9b6275.js');
+const loadable = require('./loadable-2e2626dc.js');
+const locale = require('./locale-42c21404.js');
+const t9n = require('./t9n-42ba6ea3.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.js');
+require('./browser-69696af0.js');
+require('./key-d6da79d8.js');
+require('./observers-8fed90f3.js');
 
 const menuCss = ":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteMenuStyle0 = menuCss;
@@ -169,7 +169,7 @@ const CalciteMenu = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '5bff9c8fc088956853d8e6077806eec1faf4fe48' }, index.h("ul", { key: 'ff23e84bc15aa95f5f177d7acd51991d20c6263e', "aria-label": this.label, role: this.getEffectiveRole() }, index.h("slot", { key: '615c80c9ee00213f22d154601fd9b4e3447cb6b2', onSlotchange: this.handleMenuSlotChange }))));
+        return (index.h(index.Host, { key: '6d6065316ef082e9be968dce0b495e42da835655' }, index.h("ul", { key: '6ec873b11665c3e3d5e2c019acd8ac60964119ec', "aria-label": this.label, role: this.getEffectiveRole() }, index.h("slot", { key: '9a5593e91faadc44b980f82d75c7cfa87cbb81ce', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

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

@@ -7,21 +7,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
-const loadable = require('./loadable-ef8f0acf.js');
-const form = require('./form-4c0bbbe5.js');
-const locale = require('./locale-428354f0.js');
-const dom = require('./dom-63b93b3b.js');
-const observers = require('./observers-3440c668.js');
-require('./browser-02cbd1d9.js');
-require('./key-e4dd32ff.js');
-require('./guid-4bc1bc0f.js');
-require('./resources-8556a9ce.js');
+const index = require('./index-5a0af791.js');
+const loadable = require('./loadable-2e2626dc.js');
+const form = require('./form-5229f1c8.js');
+const locale = require('./locale-42c21404.js');
+const dom = require('./dom-6a9b6275.js');
+const observers = require('./observers-8fed90f3.js');
+require('./browser-69696af0.js');
+require('./key-d6da79d8.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -298,7 +298,7 @@ const Meter = class {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (index.h(index.Host, { key: 'fcee48513fcd17eaf45fd1b17588eaef055f718f' }, index.h("div", { key: '17d2afdfc9c8447789a54648e6ad14580be2bdcd', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (index.h(index.Host, { key: '63487d7e530d66178ca535feed2ff2c149fef627' }, index.h("div", { key: '98b299ee370f14bdb266e69d9b9c8d303b580de9', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS.container]: true,
                 [CSS.stepsVisible]: rangeLabels,
                 [CSS.valueVisible]: valueLabel,

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

@@ -7,27 +7,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.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');
+const index = require('./index-5a0af791.js');
+const conditionalSlot = require('./conditionalSlot-6b5d9b84.js');
+const dom = require('./dom-6a9b6275.js');
+const focusTrapComponent = require('./focusTrapComponent-a4531bc7.js');
+const loadable = require('./loadable-2e2626dc.js');
+const observers = require('./observers-8fed90f3.js');
+const openCloseComponent = require('./openCloseComponent-14628d11.js');
+const locale = require('./locale-42c21404.js');
+const t9n = require('./t9n-42ba6ea3.js');
+const component = require('./component-a4c6a35d.js');
+const logger = require('./logger-1c9bfcfd.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.js');
+require('./config-afe9063b.js');
+require('./browser-69696af0.js');
+require('./key-d6da79d8.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.11.1
+ * v2.12.0
  */
 const CSS = {
     modal: "modal",
@@ -230,16 +230,16 @@ const Modal = class {
         this.embedded = false;
     }
     render() {
-        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: {
+        return (index.h(index.Host, { key: '6b1abce9182df0c80157f4f798b358f06d31fdc1', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, index.h("div", { key: '59d9ef441e5e197d7db2111792e25e0289ace99c', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
-            } }, index.h("calcite-scrim", { key: '8083cb49047c5fe80ba6cdc6b842de6dac5a8b37', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), index.h("div", { key: 'd38c9e98e8b34626dc11bfaa73f71a0debc36fad', class: {
+            } }, index.h("calcite-scrim", { key: '2cf489713f2081385f7fee5565e3233581035742', class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), index.h("div", { key: 'ca86b8febb8762415ca063efd03071dc3d44736b', class: {
                 [CSS.modal]: true,
-            }, 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: {
+            }, ref: this.setTransitionEl }, index.h("div", { key: 'e3063610d77f9d9c40da02ec994a5bf23ae01643', class: CSS.header }, this.renderCloseButton(), index.h("header", { key: '0194a0c4cb6209898df8e80f3943321578d4b375', class: CSS.title }, index.h("slot", { key: 'e93887817a45273cc103b216bed848f339454e35', name: CSS.header }))), this.renderContentTop(), index.h("div", { key: 'afe9b18883ed572c37568cc2224747055f7ad0a5', class: {
                 [CSS.content]: true,
                 [CSS.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, index.h("slot", { key: 'c31734ea1ea7aca1a625c8ac606c75500ae72021', name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, index.h("slot", { key: 'deb96aba4ac030e7fbbdad1115e1a801f1545917', 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;

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

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
-const loadable = require('./loadable-ef8f0acf.js');
-const Heading = require('./Heading-5b274572.js');
-require('./browser-02cbd1d9.js');
+const index = require('./index-5a0af791.js');
+const loadable = require('./loadable-2e2626dc.js');
+const Heading = require('./Heading-2333bcd2.js');
+require('./browser-69696af0.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -27,7 +27,7 @@ const CSS = {
     icon: "icon",
 };
 
-const navigationLogoCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;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;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor: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          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-ui-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
+const navigationLogoCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;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;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor: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          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteNavigationLogoStyle0 = navigationLogoCss;
 
 const CalciteNavigationLogo = class {
@@ -88,7 +88,7 @@ const CalciteNavigationLogo = class {
     }
     render() {
         const { thumbnail } = this;
-        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())));
+        return (index.h(index.Host, { key: 'b76572e79734c7190d373225662f453423450d9a' }, index.h("a", { key: '77d1604fd344f2d5aea65842067a615343aa591b', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && index.h("img", { key: 'abf6396d63acf26f5ad5e2bb5c9dd280c3728134', 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-user.cjs.entry.js

@@ -0,0 +1,74 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a0af791.js');
+const loadable = require('./loadable-2e2626dc.js');
+require('./browser-69696af0.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.12.0
+ */
+const CSS = {
+    textContainer: "text-container",
+    fullName: "full-name",
+    username: "username",
+    button: "button",
+};
+
+const navigationUserCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;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;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{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(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteNavigationUserStyle0 = navigationUserCss;
+
+const CalciteNavigationUser = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.active = undefined;
+        this.fullName = undefined;
+        this.label = undefined;
+        this.textDisabled = false;
+        this.thumbnail = undefined;
+        this.userId = undefined;
+        this.username = undefined;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Sets focus on the component. */
+    async setFocus() {
+        await loadable.componentFocusable(this);
+        this.el.focus();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        loadable.setUpLoadableComponent(this);
+    }
+    componentDidLoad() {
+        loadable.setComponentLoaded(this);
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Render Methods
+    //
+    // --------------------------------------------------------------------------
+    render() {
+        return (index.h(index.Host, { key: '71dafc89185ed082fa48f68f10620f680703edf7' }, index.h("button", { key: 'e175503f28873b42aa231f29077449da12696072', "aria-label": this.label, class: CSS.button }, index.h("calcite-avatar", { key: 'de83763dcb0811cd7abfdb32003e69fbaf580b6f', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (index.h("div", { key: 'a54fd497c59ef3ad171b2f35394a27f5dd060d64', class: CSS.textContainer }, this.fullName && (index.h("span", { class: CSS.fullName, key: CSS.fullName }, this.fullName)), this.username && (index.h("span", { class: CSS.username, key: CSS.username }, this.username)))))));
+    }
+    static get delegatesFocus() { return true; }
+    get el() { return index.getElement(this); }
+};
+CalciteNavigationUser.style = CalciteNavigationUserStyle0;
+
+exports.calcite_navigation_user = CalciteNavigationUser;

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

@@ -7,17 +7,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.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');
+const index = require('./index-5a0af791.js');
+const dom = require('./dom-6a9b6275.js');
+const loadable = require('./loadable-2e2626dc.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.js');
+require('./browser-69696af0.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.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -155,12 +155,12 @@ const CalciteNavigation = class {
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (index.h(index.Host, { key: '1d1a6c7d7834d030dd2edd4002478779c7fddb87' }, index.h("div", { key: 'f9eaa72e8f5cd3f6efe29ef17362a8aa3b0fe249', class: {
+        return (index.h(index.Host, { key: 'e7719159ddeee3397fd1e483c8417978b2b72c66' }, index.h("div", { key: '9d3096793d009c813f1bc42f8fecf46736747afc', class: {
                 [CSS.container]: true,
                 [CSS.secondary]: slotName === SLOTS.navSecondary,
                 [CSS.tertiary]: slotName === SLOTS.navTertiary,
                 [CSS.primary]: primaryLevelHasElements,
-            } }, 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 }))));
+            } }, index.h("div", { key: '4e35300aeaea8f4ceb1b69d913157306d11a17ec', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, index.h("slot", { key: '50c46611fcab6af0fe8d458641123d40823334bd', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), index.h("div", { key: '3f0b76520d4de477629397f607c0520472dd9419', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), index.h("div", { key: 'fb5d2f6a84e5e7a05ced40f955f36e215a923217', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, index.h("slot", { key: '53aa3fdadf8fedefa9a9aec810e28277629bfb01', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), index.h("slot", { key: '5e83ab5c75b1f1a76bbf0d12f3d3ae43625842f3', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), index.h("slot", { key: '2b531019c48c10fc2d4dadfd34ae61f75233b80a', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), index.h("slot", { key: 'feb1fae923a3540158fc889fdaf0c70a8db2f964', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), index.h("div", { key: '99544caa2724f8ec40d1bbd54b018c28893b822e', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, index.h("slot", { key: '2f0a3e1fc4ea5ba221699089b62986b96ed12f75', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), index.h(index.Fragment, { key: '0f289531aa4d3805ac0774643f43988095db2a8d' }, index.h("slot", { key: '466d1b0aab0fd4ee4a4736746dd4eb441cfa6ebd', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), index.h("slot", { key: '3f2520c21f474cf0147865881724269970a9d8bd', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -7,25 +7,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.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');
+const index = require('./index-5a0af791.js');
+const conditionalSlot = require('./conditionalSlot-6b5d9b84.js');
+const dom = require('./dom-6a9b6275.js');
+const loadable = require('./loadable-2e2626dc.js');
+const locale = require('./locale-42c21404.js');
+const t9n = require('./t9n-42ba6ea3.js');
+const resources = require('./resources-ed5f0434.js');
+const openCloseComponent = require('./openCloseComponent-14628d11.js');
+const component = require('./component-a4c6a35d.js');
+require('./observers-8fed90f3.js');
+require('./browser-69696af0.js');
+require('./guid-02e5380f.js');
+require('./resources-dfe71ff2.js');
+require('./key-d6da79d8.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.11.1
+ * v2.12.0
  */
 const SLOTS = {
     title: "title",
@@ -41,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: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 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:flex;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;max-block-size:0;transition-property:opacity, max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-inline-start:var(--calcite-border-width-md) 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;max-block-size:100%;align-items:center;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 {
@@ -112,9 +112,9 @@ const Notice = class {
     }
     render() {
         const { el } = this;
-        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 closeButton = (index.h("button", { key: 'e1ec4828ecbafbba66480994b7ffe3afeb3c9753', "aria-label": this.messages.close, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { key: 'de50d43c230545b200d47539dfbd5be5b73e52d0', icon: "x", scale: component.getIconScale(this.scale) })));
         const hasActionEnd = dom.getSlotted(el, SLOTS.actionsEnd);
-        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));
+        return (index.h("div", { key: 'c57ca2818fd2ad1982fd3a8ed6415d9128c600a7', 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: '21f12ae09a6a63ead2c992013f594770d13f8dbc', class: CSS.content }, index.h("slot", { key: 'ed278d0ab08c60e492e019a362380e087a33f3fb', name: SLOTS.title }), index.h("slot", { key: 'd442f6b53b5f6002c3bee92376405fc4bca2778c', name: SLOTS.message }), index.h("slot", { key: '5f3da8bf6b6a3b87aa45d417ebf514918b8b2b5b', 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

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-696e53e6.js');
+const index = require('./index-5a0af791.js');
 
 const optionGroupCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteOptionGroupStyle0 = optionGroupCss;
@@ -28,7 +28,7 @@ const OptionGroup = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Fragment, { key: '4b5a421516e7b2cc429067e3de6091cdf7308b54' }, index.h("div", { key: '7909374c7ea80ae0b7afaf593578db7f8c5a68b8' }, this.label), index.h("slot", { key: '8512342bd9840f9ec8a25e2bf51b00bd14b14549' })));
+        return (index.h(index.Fragment, { key: '4800432ff6c0701a725485bdcfc93d34ba988c86' }, index.h("div", { key: 'bdf722938c387afe04997ced1911d65178f699f3' }, this.label), index.h("slot", { key: '9ada7349b1fc675d5ec2d21aab0321666645af88' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],