@esri/solutions-components 0.7.1 → 0.7.2

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

@@ -8,17 +8,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const dom = require('./dom-c585dfa7.js');
-const form = require('./form-da1bc377.js');
-const guid = require('./guid-5ef151a6.js');
-const interactive = require('./interactive-17168f1c.js');
-const key = require('./key-29076628.js');
-const label = require('./label-a44d17b9.js');
-const loadable = require('./loadable-53fa41ac.js');
-const conditionalSlot = require('./conditionalSlot-f577ba32.js');
-const resources = require('./resources-d8917c46.js');
-require('./browser-09760f9f.js');
-require('./observers-ee7eadc4.js');
+const dom = require('./dom-5c1fefc1.js');
+const form = require('./form-81cf84d1.js');
+const guid = require('./guid-c95a49d2.js');
+const interactive = require('./interactive-85d0402d.js');
+const key = require('./key-cdf99d14.js');
+const label = require('./label-8a389916.js');
+const loadable = require('./loadable-3358bfc7.js');
+const conditionalSlot = require('./conditionalSlot-1efd1f30.js');
+const resources = require('./resources-89626d92.js');
+const component = require('./component-98c27d5f.js');
+require('./browser-abd0e2fa.js');
+require('./observers-0f180f88.js');
 
 const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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;-moz-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}";
 
@@ -138,7 +139,7 @@ Checkbox.style = checkboxCss;
 /*!
  * 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.0
+ * v1.11.0
  */
 function isTreeItem(element) {
   return element?.tagName === "CALCITE-TREE-ITEM";
@@ -438,7 +439,7 @@ Tree.style = treeCss;
 /*!
  * 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.0
+ * v1.11.0
  */
 const CSS = {
   actionsEnd: "actions-end",
@@ -579,7 +580,7 @@ const TreeItem = class {
     const chevron = this.hasChildren ? (index.h("calcite-icon", { class: {
         [CSS.chevron]: true,
         [resources.CSS_UTILITY.rtl]: rtl,
-      }, "data-test-id": "icon", icon: ICONS.chevronRight, onClick: this.iconClickHandler, scale: this.scale === "l" ? "m" : "s" })) : null;
+      }, "data-test-id": "icon", icon: ICONS.chevronRight, onClick: this.iconClickHandler, scale: component.getIconScale(this.scale) })) : null;
     const defaultSlotNode = index.h("slot", { key: "default-slot" });
     const checkbox = this.selectionMode === "ancestors" ? (index.h("label", { class: CSS.checkboxLabel, key: "checkbox-label" }, index.h("calcite-checkbox", { checked: this.selected, class: CSS.checkbox, "data-test-id": "checkbox", indeterminate: this.hasChildren && this.indeterminate, scale: this.scale, tabIndex: -1 }), defaultSlotNode)) : null;
     const selectedIcon = showBulletPoint
@@ -593,12 +594,12 @@ const TreeItem = class {
         [CSS.bulletPointIcon]: selectedIcon === ICONS.bulletPoint,
         [CSS.checkmarkIcon]: selectedIcon === ICONS.checkmark,
         [resources.CSS_UTILITY.rtl]: rtl,
-      }, icon: selectedIcon, scale: this.scale === "l" ? "m" : "s" })) : null;
+      }, icon: selectedIcon, scale: component.getIconScale(this.scale) })) : null;
     const hidden = !(this.parentExpanded || this.depth === 1);
     const isExpanded = this.updateAfterInitialRender && this.expanded;
     const { hasEndActions } = this;
     const slotNode = (index.h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-    const iconStartEl = (index.h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
+    const iconStartEl = (index.h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
     return (index.h(index.Host, { "aria-expanded": this.hasChildren ? dom.toAriaBoolean(isExpanded) : undefined, "aria-hidden": dom.toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, index.h("div", { class: { [CSS.itemExpanded]: isExpanded } }, index.h("div", { class: CSS.nodeAndActionsContainer }, index.h("div", { class: {
         [CSS.nodeContainer]: true,
         [resources.CSS_UTILITY.rtl]: rtl,

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

@@ -8,13 +8,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const dom = require('./dom-c585dfa7.js');
-const interactive = require('./interactive-17168f1c.js');
-const observers = require('./observers-ee7eadc4.js');
-const loadable = require('./loadable-53fa41ac.js');
-require('./guid-5ef151a6.js');
-require('./resources-d8917c46.js');
-require('./browser-09760f9f.js');
+const dom = require('./dom-5c1fefc1.js');
+const interactive = require('./interactive-85d0402d.js');
+const observers = require('./observers-0f180f88.js');
+const loadable = require('./loadable-3358bfc7.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
+require('./browser-abd0e2fa.js');
 
 const chipGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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

@@ -8,22 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const dom = require('./dom-c585dfa7.js');
-const conditionalSlot = require('./conditionalSlot-f577ba32.js');
-const loadable = require('./loadable-53fa41ac.js');
-const t9n = require('./t9n-78efea01.js');
-const interactive = require('./interactive-17168f1c.js');
-const locale = require('./locale-62c20bcc.js');
-const observers = require('./observers-ee7eadc4.js');
-const key = require('./key-29076628.js');
-require('./guid-5ef151a6.js');
-require('./resources-d8917c46.js');
-require('./browser-09760f9f.js');
+const dom = require('./dom-5c1fefc1.js');
+const conditionalSlot = require('./conditionalSlot-1efd1f30.js');
+const loadable = require('./loadable-3358bfc7.js');
+const t9n = require('./t9n-02f62c58.js');
+const interactive = require('./interactive-85d0402d.js');
+const locale = require('./locale-44d38e1a.js');
+const observers = require('./observers-0f180f88.js');
+const key = require('./key-cdf99d14.js');
+const component = require('./component-98c27d5f.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
+require('./browser-abd0e2fa.js');
 
 /*!
  * 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.0
+ * v1.11.0
  */
 const CSS = {
   title: "title",
@@ -210,15 +211,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-hex-input_2.cjs.entry.js

@@ -8,18 +8,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const utils = require('./utils-e99ff998.js');
-const resources = require('./resources-3a88b7d8.js');
-const dom = require('./dom-c585dfa7.js');
-const loadable = require('./loadable-53fa41ac.js');
+const utils = require('./utils-75231cf1.js');
+const resources = require('./resources-854eafcd.js');
+const dom = require('./dom-5c1fefc1.js');
+const loadable = require('./loadable-3358bfc7.js');
 require('./_commonjsHelpers-384729db.js');
-require('./guid-5ef151a6.js');
-require('./resources-d8917c46.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
 
 /*!
  * 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.0
+ * v1.11.0
  */
 const CSS$1 = {
   container: "container",
@@ -273,7 +273,7 @@ ColorPickerHexInput.style = colorPickerHexInputCss;
 /*!
  * 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.0
+ * v1.11.0
  */
 const CSS = {
   swatch: "swatch",

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

@@ -8,21 +8,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const resources = require('./resources-3a88b7d8.js');
-const dom = require('./dom-c585dfa7.js');
-const utils = require('./utils-e99ff998.js');
-const interactive = require('./interactive-17168f1c.js');
-const key = require('./key-29076628.js');
-const loadable = require('./loadable-53fa41ac.js');
-const locale = require('./locale-62c20bcc.js');
-const math = require('./math-1e2752e6.js');
-const t9n = require('./t9n-78efea01.js');
+const resources = require('./resources-854eafcd.js');
+const dom = require('./dom-5c1fefc1.js');
+const utils = require('./utils-75231cf1.js');
+const interactive = require('./interactive-85d0402d.js');
+const key = require('./key-cdf99d14.js');
+const loadable = require('./loadable-3358bfc7.js');
+const locale = require('./locale-44d38e1a.js');
+const math = require('./math-950b6ada.js');
+const t9n = require('./t9n-02f62c58.js');
 const throttle = require('./throttle-aeeb1b4d.js');
 require('./_commonjsHelpers-384729db.js');
-require('./guid-5ef151a6.js');
-require('./resources-d8917c46.js');
-require('./browser-09760f9f.js');
-require('./observers-ee7eadc4.js');
+require('./guid-c95a49d2.js');
+require('./resources-89626d92.js');
+require('./browser-abd0e2fa.js');
+require('./observers-0f180f88.js');
 require('./debounce-30afab47.js');
 
 const colorPickerCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-ui-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index=\"3\"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index=\"3\"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index=\"3\"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";

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

@@ -8,15 +8,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2d5760f2.js');
-const guid = require('./guid-5ef151a6.js');
-const utils = require('./utils-a3c937c3.js');
-require('./dom-c585dfa7.js');
-require('./resources-d8917c46.js');
+const guid = require('./guid-c95a49d2.js');
+const utils = require('./utils-b6e28e37.js');
+require('./dom-5c1fefc1.js');
+require('./resources-89626d92.js');
 
 /*!
  * 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.0
+ * v1.11.0
  */
 const CSS = {
   list: "list",