@esri/calcite-components 1.9.2 → 1.9.3-next.1

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const conditionalSlot = require('./conditionalSlot-77666ba7.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const t9n = require('./t9n-347a842b.js');
-const resources$1 = require('./resources-939ae98a.js');
-const resources = require('./resources-ed0e79e6.js');
-const dom = require('./dom-6b4a1e9b.js');
-require('./observers-4b9a2593.js');
-require('./key-a13ec672.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
+const index = require('./index-709cc598.js');
+const conditionalSlot = require('./conditionalSlot-397005dd.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const resources$1 = require('./resources-db596046.js');
+const resources = require('./resources-76e689a0.js');
+const dom = require('./dom-55a827ac.js');
+require('./observers-00d6aaab.js');
+require('./key-820052e7.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
 
 const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-ui-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const array = require('./array-22a67f99.js');
-const dom = require('./dom-6b4a1e9b.js');
-const guid = require('./guid-43338402.js');
-const key = require('./key-a13ec672.js');
-const loadable = require('./loadable-9fb19dca.js');
-const resources = require('./resources-939ae98a.js');
-require('./resources-e4238f76.js');
+const index = require('./index-709cc598.js');
+const array = require('./array-b142579a.js');
+const dom = require('./dom-55a827ac.js');
+const guid = require('./guid-7d1e0d87.js');
+const key = require('./key-820052e7.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const resources = require('./resources-db596046.js');
+require('./resources-4156f649.js');
 
 const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[data-active]){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const conditionalSlot = require('./conditionalSlot-77666ba7.js');
-const dom = require('./dom-6b4a1e9b.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const t9n = require('./t9n-347a842b.js');
-const ExpandToggle = require('./ExpandToggle-7454763b.js');
-const observers = require('./observers-4b9a2593.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./key-a13ec672.js');
-require('./resources-ed0e79e6.js');
-require('./resources-939ae98a.js');
+const index = require('./index-709cc598.js');
+const conditionalSlot = require('./conditionalSlot-397005dd.js');
+const dom = require('./dom-55a827ac.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const ExpandToggle = require('./ExpandToggle-a5dd6d93.js');
+const observers = require('./observers-00d6aaab.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./key-820052e7.js');
+require('./resources-76e689a0.js');
+require('./resources-db596046.js');
 
 const CSS = {
   actionGroupEnd: "action-group--end",

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

@@ -1,23 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const guid = require('./guid-43338402.js');
-const interactive = require('./interactive-3b1473d7.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const observers = require('./observers-4b9a2593.js');
-const t9n = require('./t9n-347a842b.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
-require('./key-a13ec672.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const guid = require('./guid-7d1e0d87.js');
+const interactive = require('./interactive-ba3631b8.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const observers = require('./observers-00d6aaab.js');
+const component = require('./component-52a58197.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
+require('./key-820052e7.js');
 
 const CSS = {
   button: "button",
@@ -141,10 +142,9 @@ const Action = class {
   }
   renderIconContainer() {
     const { loading, icon, scale, el, iconFlipRtl } = this;
-    const iconScale = scale === "l" ? "m" : "s";
     const loaderScale = scale === "l" ? "l" : "m";
     const calciteLoaderNode = loading ? (index.h("calcite-loader", { inline: true, label: this.messages.loading, scale: loaderScale })) : null;
-    const calciteIconNode = icon ? (index.h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: iconScale })) : null;
+    const calciteIconNode = icon ? (index.h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: component.getIconScale(this.scale) })) : null;
     const iconNode = calciteLoaderNode || calciteIconNode;
     const hasIconToDisplay = iconNode || el.children?.length;
     const slotContainerNode = (index.h("div", { class: {

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

@@ -1,24 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const openCloseComponent = require('./openCloseComponent-d840b396.js');
-const t9n = require('./t9n-347a842b.js');
-const resources = require('./resources-ebb74598.js');
-const responsive = require('./responsive-07514287.js');
-const observers = require('./observers-4b9a2593.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./key-a13ec672.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const component = require('./component-52a58197.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const openCloseComponent = require('./openCloseComponent-c63db1c5.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const resources = require('./resources-3989cb4a.js');
+const responsive = require('./responsive-6effdde6.js');
+const observers = require('./observers-00d6aaab.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./key-820052e7.js');
 
 const DURATIONS = {
   slow: 14000,
@@ -53,7 +54,7 @@ const CSS = {
   textContainer: "text-container",
 };
 
-const alertCss = "/**\n * Do not edit directly\n * Generated on Thu, 12 Oct 2023 01:19:10 GMT\n */\n/* mixins & extensions */\n/* helper to properly scale internal durations */\n/**\n* Currently only used in Checkbox.\n*/\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-alert-width: Specifies the width of the component.\n*/\n:host {\n  --calcite-alert-edge-distance: 2rem;\n  display: block;\n}\n\n.container {\n  pointer-events: none;\n  position: fixed;\n  z-index: var(--calcite-app-z-index-toast);\n  margin-inline: auto;\n  margin-block: 0px;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--calcite-ui-foreground-1);\n  text-align: start;\n  opacity: 0;\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  container: responsive-container/inline-size;\n  border-radius: var(--calcite-border-radius);\n  border-block-start: 0 solid transparent;\n  border-inline: 1px solid var(--calcite-ui-border-3);\n  border-block-end: 1px solid var(--calcite-ui-border-3);\n  inline-size: var(--calcite-alert-width);\n  max-inline-size: calc(100% - var(--calcite-alert-edge-distance) * 2);\n  transition: var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;\n}\n.container--bottom, .container--top {\n  inset-inline-end: 0;\n  inset-inline-start: 0;\n}\n.container[class*=bottom] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), 0);\n  inset-block-end: var(--calcite-alert-edge-distance);\n}\n.container[class*=top] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);\n  inset-block-start: var(--calcite-alert-edge-distance);\n}\n.container[class*=start] {\n  inset-inline-start: var(--calcite-alert-edge-distance);\n  inset-inline-end: auto;\n}\n.container[class*=end] {\n  inset-inline-end: var(--calcite-alert-edge-distance);\n  inset-inline-start: auto;\n}\n\n.content {\n  box-sizing: border-box;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);\n}\n\n.icon {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0px;\n  margin-block-end: var(--calcite-alert-spacing-token-large);\n  margin-inline-end: auto;\n}\n\n.close {\n  display: flex;\n  cursor: pointer;\n  align-items: flex-start;\n  justify-content: flex-end;\n  align-self: flex-start;\n  border-style: none;\n  background-color: transparent;\n  color: var(--calcite-ui-text-3);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  -webkit-appearance: none;\n  padding: var(--calcite-alert-spacing-token-large);\n  outline-color: transparent;\n}\n.close:focus {\n  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));\n  outline-offset: calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );\n}\n.close:hover, .close:focus {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n.close:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.queue-count {\n  visibility: hidden;\n  display: flex;\n  cursor: default;\n  align-items: center;\n  justify-content: space-around;\n  align-self: stretch;\n  overflow: hidden;\n  background-color: var(--calcite-ui-foreground-1);\n  text-align: center;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n  opacity: 0;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n}\n.queue-count--active {\n  visibility: visible;\n  opacity: 1;\n}\n\n.dismiss-progress {\n  position: absolute;\n  display: block;\n  inline-size: 100%;\n  overflow: hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n}\n.dismiss-progress:after {\n  position: absolute;\n  inset-block-start: 0px;\n  display: block;\n  block-size: 2px;\n  content: \"\";\n  background-color: var(--calcite-alert-dismiss-progress-background);\n  inset-inline-end: 0;\n}\n\n.actions-end {\n  display: flex;\n  align-self: stretch;\n}\n\n.text-container {\n  display: flex;\n  min-inline-size: 0px;\n  flex: 1 1 0%;\n  flex-direction: column;\n  overflow-wrap: break-word;\n}\n\n.content-container {\n  display: flex;\n  flex: 1 1 0%;\n}\n\n.footer {\n  position: relative;\n  order: 1;\n  display: flex;\n  inline-size: 100%;\n  justify-content: flex-end;\n  padding-block-start: 1px;\n  block-size: var(--calcite-alert-footer-height);\n}\n.footer:before {\n  content: \"\";\n  position: absolute;\n  inset-block-start: 0px;\n  inset-inline: var(--calcite-alert-footer-divider-gap);\n  border-block-start: 1px solid var(--calcite-ui-border-3);\n}\n\n:host([scale=s]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: 0.5rem;\n  --calcite-alert-spacing-token-large: 0.75rem;\n  --calcite-alert-footer-height: 2rem;\n  --calcite-alert-footer-divider-gap: 0.125rem;\n}\n:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) .queue-count {\n  margin-inline: 0.5rem;\n}\n:host([scale=s]) .container {\n  --calcite-alert-min-height: 3.5rem;\n}\n\n:host([scale=m]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: 0.75rem;\n  --calcite-alert-spacing-token-large: 1rem;\n  --calcite-alert-footer-height: 3rem;\n  --calcite-alert-footer-divider-gap: 0.25rem;\n}\n:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) .queue-count {\n  margin-inline: 0.75rem;\n}\n:host([scale=m]) .container {\n  --calcite-alert-min-height: 4.1875rem;\n}\n\n:host([scale=l]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: 1rem;\n  --calcite-alert-spacing-token-large: 1.25rem;\n  --calcite-alert-footer-height: 4rem;\n  --calcite-alert-footer-divider-gap: 0.5rem;\n}\n:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title]) {\n  margin-block-end: 0.25rem;\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) .queue-count {\n  margin-inline: 1rem;\n}\n:host([scale=l]) .container {\n  --calcite-alert-min-height: 5.625rem;\n}\n\n:host([open]) .container:not(.container--queued) {\n  border-block-start-width: 2px;\n  opacity: 1;\n  pointer-events: initial;\n}\n:host([open]) .container:not(.container--queued)[class*=bottom] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);\n}\n:host([open]) .container:not(.container--queued)[class*=top] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\nslot[name=title]::slotted(*),\n*::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\nslot[name=message]::slotted(*),\n*::slotted([slot=message]) {\n  margin: 0px;\n  display: inline;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n  margin-inline-end: 0.5rem;\n}\n\nslot[name=link]::slotted(*),\n*::slotted([slot=link]) {\n  display: inline-flex;\n  color: var(--calcite-ui-text-link);\n}\n\n:host([kind=brand]) .container {\n  border-block-start-color: var(--calcite-ui-brand);\n}\n:host([kind=brand]) .container .icon {\n  color: var(--calcite-ui-brand);\n}\n\n:host([kind=info]) .container {\n  border-block-start-color: var(--calcite-ui-info);\n}\n:host([kind=info]) .container .icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([kind=danger]) .container {\n  border-block-start-color: var(--calcite-ui-danger);\n}\n:host([kind=danger]) .container .icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([kind=success]) .container {\n  border-block-start-color: var(--calcite-ui-success);\n}\n:host([kind=success]) .container .icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([kind=warning]) .container {\n  border-block-start-color: var(--calcite-ui-warning);\n}\n:host([kind=warning]) .container .icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([auto-close-duration=fast]) .dismiss-progress:after {\n  animation: dismissProgress 6000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=fast]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n:host([auto-close-duration=medium]) .dismiss-progress:after {\n  animation: dismissProgress 10000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=medium]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n:host([auto-close-duration=slow]) .dismiss-progress:after {\n  animation: dismissProgress 14000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=slow]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n@keyframes dismissProgress {\n  0% {\n    inline-size: 0px;\n    opacity: 0.75;\n  }\n  100% {\n    inline-size: 100%;\n    opacity: 1;\n  }\n}\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--slotted-in-shell {\n  position: absolute;\n}\n\n@container responsive-container (min-width: 476px) {\n  .content {\n    flex-direction: row;\n  }\n  .close {\n    align-items: center;\n    align-self: stretch;\n  }\n  .icon {\n    justify-content: center;\n    margin-inline-end: 0;\n    margin-block: 0;\n    padding-inline-end: var(--calcite-alert-spacing-token-large);\n  }\n}\n@container responsive-container (min-width: 768px) {\n  .close {\n    align-self: stretch;\n  }\n  .footer {\n    inline-size: auto;\n    align-self: stretch;\n    order: initial;\n    block-size: inherit;\n  }\n  .footer:before {\n    content: none;\n  }\n  .icon {\n    padding-inline: var(--calcite-alert-spacing-token-large) 0;\n  }\n}\n:host([hidden]) {\n  display: none;\n}\n\n[hidden] {\n  display: none;\n}\n\n:host([calcite-hydrated-hidden]) {\n  visibility: hidden !important;\n  pointer-events: none;\n}";
+const alertCss = "/**\n * Do not edit directly\n * Generated on Fri, 13 Oct 2023 17:57:48 GMT\n */\n/* mixins & extensions */\n/* helper to properly scale internal durations */\n/**\n* Currently only used in Checkbox.\n*/\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-alert-width: Specifies the width of the component.\n*/\n:host {\n  --calcite-alert-edge-distance: 2rem;\n  display: block;\n}\n\n.container {\n  pointer-events: none;\n  position: fixed;\n  z-index: var(--calcite-app-z-index-toast);\n  margin-inline: auto;\n  margin-block: 0px;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--calcite-ui-foreground-1);\n  text-align: start;\n  opacity: 0;\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  container: responsive-container/inline-size;\n  border-radius: var(--calcite-border-radius);\n  border-block-start: 0 solid transparent;\n  border-inline: 1px solid var(--calcite-ui-border-3);\n  border-block-end: 1px solid var(--calcite-ui-border-3);\n  inline-size: var(--calcite-alert-width);\n  max-inline-size: calc(100% - var(--calcite-alert-edge-distance) * 2);\n  transition: var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;\n}\n.container--bottom, .container--top {\n  inset-inline-end: 0;\n  inset-inline-start: 0;\n}\n.container[class*=bottom] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), 0);\n  inset-block-end: var(--calcite-alert-edge-distance);\n}\n.container[class*=top] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);\n  inset-block-start: var(--calcite-alert-edge-distance);\n}\n.container[class*=start] {\n  inset-inline-start: var(--calcite-alert-edge-distance);\n  inset-inline-end: auto;\n}\n.container[class*=end] {\n  inset-inline-end: var(--calcite-alert-edge-distance);\n  inset-inline-start: auto;\n}\n\n.content {\n  box-sizing: border-box;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  padding-block: var(--calcite-alert-spacing-token-small);\n  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);\n}\n\n.icon {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0px;\n  margin-block-end: var(--calcite-alert-spacing-token-large);\n  margin-inline-end: auto;\n}\n\n.close {\n  display: flex;\n  cursor: pointer;\n  align-items: flex-start;\n  justify-content: flex-end;\n  align-self: flex-start;\n  border-style: none;\n  background-color: transparent;\n  color: var(--calcite-ui-text-3);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  -webkit-appearance: none;\n  padding: var(--calcite-alert-spacing-token-large);\n  outline-color: transparent;\n}\n.close:focus {\n  outline: 2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));\n  outline-offset: calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );\n}\n.close:hover, .close:focus {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n.close:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.queue-count {\n  visibility: hidden;\n  display: flex;\n  cursor: default;\n  align-items: center;\n  justify-content: space-around;\n  align-self: stretch;\n  overflow: hidden;\n  background-color: var(--calcite-ui-foreground-1);\n  text-align: center;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n  opacity: 0;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n}\n.queue-count--active {\n  visibility: visible;\n  opacity: 1;\n}\n\n.dismiss-progress {\n  position: absolute;\n  display: block;\n  inline-size: 100%;\n  overflow: hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n}\n.dismiss-progress:after {\n  position: absolute;\n  inset-block-start: 0px;\n  display: block;\n  block-size: 2px;\n  content: \"\";\n  background-color: var(--calcite-alert-dismiss-progress-background);\n  inset-inline-end: 0;\n}\n\n.actions-end {\n  display: flex;\n  align-self: stretch;\n}\n\n.text-container {\n  display: flex;\n  min-inline-size: 0px;\n  flex: 1 1 0%;\n  flex-direction: column;\n  overflow-wrap: break-word;\n}\n\n.content-container {\n  display: flex;\n  flex: 1 1 0%;\n}\n\n.footer {\n  position: relative;\n  order: 1;\n  display: flex;\n  inline-size: 100%;\n  justify-content: flex-end;\n  padding-block-start: 1px;\n  block-size: var(--calcite-alert-footer-height);\n}\n.footer:before {\n  content: \"\";\n  position: absolute;\n  inset-block-start: 0px;\n  inset-inline: var(--calcite-alert-footer-divider-gap);\n  border-block-start: 1px solid var(--calcite-ui-border-3);\n}\n\n:host([scale=s]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: 0.5rem;\n  --calcite-alert-spacing-token-large: 0.75rem;\n  --calcite-alert-footer-height: 2rem;\n  --calcite-alert-footer-divider-gap: 0.125rem;\n}\n:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n:host([scale=s]) .queue-count {\n  margin-inline: 0.5rem;\n}\n:host([scale=s]) .container {\n  --calcite-alert-min-height: 3.5rem;\n}\n\n:host([scale=m]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: 0.75rem;\n  --calcite-alert-spacing-token-large: 1rem;\n  --calcite-alert-footer-height: 3rem;\n  --calcite-alert-footer-divider-gap: 0.25rem;\n}\n:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n:host([scale=m]) .queue-count {\n  margin-inline: 0.75rem;\n}\n:host([scale=m]) .container {\n  --calcite-alert-min-height: 4.1875rem;\n}\n\n:host([scale=l]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: 1rem;\n  --calcite-alert-spacing-token-large: 1.25rem;\n  --calcite-alert-footer-height: 4rem;\n  --calcite-alert-footer-divider-gap: 0.5rem;\n}\n:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title]) {\n  margin-block-end: 0.25rem;\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n:host([scale=l]) .queue-count {\n  margin-inline: 1rem;\n}\n:host([scale=l]) .container {\n  --calcite-alert-min-height: 5.625rem;\n}\n\n:host([open]) .container:not(.container--queued) {\n  border-block-start-width: 2px;\n  opacity: 1;\n  pointer-events: initial;\n}\n:host([open]) .container:not(.container--queued)[class*=bottom] {\n  transform: translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);\n}\n:host([open]) .container:not(.container--queued)[class*=top] {\n  transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\nslot[name=title]::slotted(*),\n*::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\nslot[name=message]::slotted(*),\n*::slotted([slot=message]) {\n  margin: 0px;\n  display: inline;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n  margin-inline-end: 0.5rem;\n}\n\nslot[name=link]::slotted(*),\n*::slotted([slot=link]) {\n  display: inline-flex;\n  color: var(--calcite-ui-text-link);\n}\n\n:host([kind=brand]) .container {\n  border-block-start-color: var(--calcite-ui-brand);\n}\n:host([kind=brand]) .container .icon {\n  color: var(--calcite-ui-brand);\n}\n\n:host([kind=info]) .container {\n  border-block-start-color: var(--calcite-ui-info);\n}\n:host([kind=info]) .container .icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([kind=danger]) .container {\n  border-block-start-color: var(--calcite-ui-danger);\n}\n:host([kind=danger]) .container .icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([kind=success]) .container {\n  border-block-start-color: var(--calcite-ui-success);\n}\n:host([kind=success]) .container .icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([kind=warning]) .container {\n  border-block-start-color: var(--calcite-ui-warning);\n}\n:host([kind=warning]) .container .icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([auto-close-duration=fast]) .dismiss-progress:after {\n  animation: dismissProgress 6000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=fast]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n:host([auto-close-duration=medium]) .dismiss-progress:after {\n  animation: dismissProgress 10000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=medium]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n:host([auto-close-duration=slow]) .dismiss-progress:after {\n  animation: dismissProgress 14000ms ease-out;\n}\n\n:host(:hover[auto-close-duration=slow]) .dismiss-progress:after {\n  animation-play-state: paused;\n}\n\n@keyframes dismissProgress {\n  0% {\n    inline-size: 0px;\n    opacity: 0.75;\n  }\n  100% {\n    inline-size: 100%;\n    opacity: 1;\n  }\n}\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--slotted-in-shell {\n  position: absolute;\n}\n\n@container responsive-container (min-width: 476px) {\n  .content {\n    flex-direction: row;\n  }\n  .close {\n    align-items: center;\n    align-self: stretch;\n  }\n  .icon {\n    justify-content: center;\n    margin-inline-end: 0;\n    margin-block: 0;\n    padding-inline-end: var(--calcite-alert-spacing-token-large);\n  }\n}\n@container responsive-container (min-width: 768px) {\n  .close {\n    align-self: stretch;\n  }\n  .footer {\n    inline-size: auto;\n    align-self: stretch;\n    order: initial;\n    block-size: inherit;\n  }\n  .footer:before {\n    content: none;\n  }\n  .icon {\n    padding-inline: var(--calcite-alert-spacing-token-large) 0;\n  }\n}\n:host([hidden]) {\n  display: none;\n}\n\n[hidden] {\n  display: none;\n}\n\n:host([calcite-hydrated-hidden]) {\n  visibility: hidden !important;\n  pointer-events: none;\n}";
 
 const Alert = class {
   constructor(hostRef) {
@@ -206,7 +207,7 @@ const Alert = class {
   renderCloseButton() {
     return (index.h("button", { "aria-label": this.messages.close, class: CSS.close, key: "close", onClick: this.closeAlert, type: "button",
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
+      ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { icon: "x", scale: component.getIconScale(this.scale) })));
   }
   renderQueueCount() {
     const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
@@ -220,7 +221,7 @@ const Alert = class {
     return (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler })));
   }
   renderIcon(icon) {
-    return (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: icon, scale: this.scale === "l" ? "m" : "s" })));
+    return (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: icon, scale: component.getIconScale(this.scale) })));
   }
   // when an alert is opened or closed, update queue and determine active alert
   alertSync(event) {

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const utils = require('./utils-69479247.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const utils = require('./utils-6e183d35.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const conditionalSlot = require('./conditionalSlot-77666ba7.js');
-const dom = require('./dom-6b4a1e9b.js');
-const interactive = require('./interactive-3b1473d7.js');
-const locale = require('./locale-224355d0.js');
-const t9n = require('./t9n-347a842b.js');
-const Heading = require('./Heading-e34e955a.js');
-const loadable = require('./loadable-9fb19dca.js');
-const openCloseComponent = require('./openCloseComponent-d840b396.js');
-const key = require('./key-a13ec672.js');
-require('./observers-4b9a2593.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
+const index = require('./index-709cc598.js');
+const conditionalSlot = require('./conditionalSlot-397005dd.js');
+const dom = require('./dom-55a827ac.js');
+const interactive = require('./interactive-ba3631b8.js');
+const locale = require('./locale-4460551d.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const Heading = require('./Heading-6b3acdcf.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const openCloseComponent = require('./openCloseComponent-c63db1c5.js');
+const key = require('./key-820052e7.js');
+require('./observers-00d6aaab.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
 
 const IDS$1 = {
   content: "content",

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

@@ -1,26 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const form = require('./form-248b0462.js');
-const interactive = require('./interactive-3b1473d7.js');
-const label = require('./label-861bfd99.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const observers = require('./observers-4b9a2593.js');
-const t9n = require('./t9n-347a842b.js');
-const globalAttributes = require('./globalAttributes-be1d7b7c.js');
-require('./dom-6b4a1e9b.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
-require('./key-a13ec672.js');
+const index = require('./index-709cc598.js');
+const form = require('./form-dd97db81.js');
+const interactive = require('./interactive-ba3631b8.js');
+const label = require('./label-486e74c3.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const observers = require('./observers-00d6aaab.js');
+const component = require('./component-52a58197.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const globalAttributes = require('./globalAttributes-a969aa43.js');
+require('./dom-55a827ac.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
+require('./key-820052e7.js');
 
 const CSS = {
   buttonLoader: "calcite-button--loader",
@@ -158,8 +159,8 @@ const Button = class {
     const Tag = childElType;
     const loaderNode = this.hasLoader ? (index.h("div", { class: CSS.buttonLoader }, index.h("calcite-loader", { class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.messages.loading, scale: this.scale === "l" ? "m" : "s" }))) : null;
     const noStartEndIcons = !this.iconStart && !this.iconEnd;
-    const iconStartEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
-    const iconEndEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
+    const iconStartEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
+    const iconEndEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
     const contentEl = (index.h("span", { class: CSS.content, ref: (el) => (this.contentEl = el) }, index.h("slot", null)));
     return (index.h(Tag, { "aria-label": !this.loading ? label.getLabelText(this) : this.messages.loading, "aria-live": "polite", class: {
         [CSS.buttonPadding]: noStartEndIcons,

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const conditionalSlot = require('./conditionalSlot-77666ba7.js');
-const dom = require('./dom-6b4a1e9b.js');
-const locale = require('./locale-224355d0.js');
-const t9n = require('./t9n-347a842b.js');
-require('./observers-4b9a2593.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./key-a13ec672.js');
+const index = require('./index-709cc598.js');
+const conditionalSlot = require('./conditionalSlot-397005dd.js');
+const dom = require('./dom-55a827ac.js');
+const locale = require('./locale-4460551d.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+require('./observers-00d6aaab.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./key-820052e7.js');
 
 const CSS = {
   container: "container",

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

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const form = require('./form-248b0462.js');
-const guid = require('./guid-43338402.js');
-const interactive = require('./interactive-3b1473d7.js');
-const key = require('./key-a13ec672.js');
-const label = require('./label-861bfd99.js');
-const loadable = require('./loadable-9fb19dca.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const form = require('./form-dd97db81.js');
+const guid = require('./guid-7d1e0d87.js');
+const interactive = require('./interactive-ba3631b8.js');
+const key = require('./key-820052e7.js');
+const label = require('./label-486e74c3.js');
+const loadable = require('./loadable-6b1f5b83.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
 
 const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.toggle::after{content:\"\";inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute;transform:translateX(-50%) translateY(-50%)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const interactive = require('./interactive-3b1473d7.js');
-const observers = require('./observers-4b9a2593.js');
-const loadable = require('./loadable-9fb19dca.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const interactive = require('./interactive-ba3631b8.js');
+const observers = require('./observers-00d6aaab.js');
+const loadable = require('./loadable-6b1f5b83.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
 
 const chipGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -1,24 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const conditionalSlot = require('./conditionalSlot-77666ba7.js');
-const loadable = require('./loadable-9fb19dca.js');
-const t9n = require('./t9n-347a842b.js');
-const interactive = require('./interactive-3b1473d7.js');
-const locale = require('./locale-224355d0.js');
-const observers = require('./observers-4b9a2593.js');
-const key = require('./key-a13ec672.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const conditionalSlot = require('./conditionalSlot-397005dd.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const interactive = require('./interactive-ba3631b8.js');
+const locale = require('./locale-4460551d.js');
+const observers = require('./observers-00d6aaab.js');
+const key = require('./key-820052e7.js');
+const component = require('./component-52a58197.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
 
 const CSS = {
   title: "title",
@@ -202,15 +203,15 @@ const Chip = class {
     return (index.h("div", { class: {
         [CSS.selectIcon]: true,
         [CSS.selectIconActive]: this.selectionMode === "multiple" || this.selected,
-      } }, index.h("calcite-icon", { icon: icon, scale: this.scale === "l" ? "m" : "s" })));
+      } }, index.h("calcite-icon", { icon: icon, scale: component.getIconScale(this.scale) })));
   }
   renderCloseButton() {
     return (index.h("button", { "aria-label": this.messages.dismissLabel, class: CSS.close, onClick: this.close, onKeyDown: this.closeButtonKeyDownHandler, tabIndex: this.disabled ? -1 : 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: (el) => (this.closeButtonEl = el) }, index.h("calcite-icon", { icon: ICONS.close, scale: this.scale === "l" ? "m" : "s" })));
+      ref: (el) => (this.closeButtonEl = el) }, index.h("calcite-icon", { icon: ICONS.close, scale: component.getIconScale(this.scale) })));
   }
   renderIcon() {
-    return (index.h("calcite-icon", { class: CSS.chipIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: this.scale === "l" ? "m" : "s" }));
+    return (index.h("calcite-icon", { class: CSS.chipIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: component.getIconScale(this.scale) }));
   }
   render() {
     const disableInteraction = this.disabled || (!this.disabled && !this.interactive);

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

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.2
+ * v1.9.3-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1dfb3582.js');
-const dom = require('./dom-6b4a1e9b.js');
-const utils = require('./utils-69479247.js');
-const interactive = require('./interactive-3b1473d7.js');
-const key = require('./key-a13ec672.js');
-const loadable = require('./loadable-9fb19dca.js');
-const locale = require('./locale-224355d0.js');
-const math = require('./math-530bf723.js');
-const t9n = require('./t9n-347a842b.js');
-const throttle = require('./throttle-878cf293.js');
-require('./guid-43338402.js');
-require('./resources-e4238f76.js');
-require('./browser-e7ab28af.js');
-require('./observers-4b9a2593.js');
-require('./debounce-f92abc4c.js');
+const index = require('./index-709cc598.js');
+const dom = require('./dom-55a827ac.js');
+const utils = require('./utils-6e183d35.js');
+const interactive = require('./interactive-ba3631b8.js');
+const key = require('./key-820052e7.js');
+const loadable = require('./loadable-6b1f5b83.js');
+const locale = require('./locale-4460551d.js');
+const math = require('./math-58f61f53.js');
+const t9n = require('./t9n-eb5e8f8d.js');
+const throttle = require('./throttle-3c1319f4.js');
+require('./guid-7d1e0d87.js');
+require('./resources-4156f649.js');
+require('./browser-fb11157b.js');
+require('./observers-00d6aaab.js');
+require('./debounce-c5b3fdf0.js');
 
 function createCommonjsModule(fn, basedir, module) {
 	return module = {