@esri/solutions-components 0.6.23 → 0.6.25

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

@@ -8,20 +8,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const resources$1 = require('./resources-29c246e2.js');
-const resources = require('./resources-d0427f75.js');
-const dom = require('./dom-8d00cc3f.js');
-const array = require('./array-a3f9baa5.js');
-const guid = require('./guid-c351776c.js');
-const key = require('./key-07312a4b.js');
-require('./observers-62ea89bc.js');
-require('./resources-2278b321.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const resources$1 = require('./resources-4548c1f4.js');
+const resources = require('./resources-be3c1b4b.js');
+const dom = require('./dom-c585dfa7.js');
+const array = require('./array-d55de2d5.js');
+const guid = require('./guid-5ef151a6.js');
+const key = require('./key-29076628.js');
+require('./observers-ee7eadc4.js');
+require('./resources-d8917c46.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}.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;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
+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}";
 
 const ActionGroup = class {
   constructor(hostRef) {
@@ -114,7 +114,7 @@ const ActionGroup = class {
 };
 ActionGroup.style = actionGroupCss;
 
-const actionMenuCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);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[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}";
+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}";
 
 const SUPPORTED_MENU_NAV_KEYS = ["ArrowUp", "ArrowDown", "End", "Home"];
 const ActionMenu = class {
@@ -217,7 +217,8 @@ const ActionMenu = class {
       if (!action.id) {
         action.id = id;
       }
-      action.active = index === activeMenuItemIndex;
+      // data attribute is used to style the "activeMenuItemIndex" action using token focus styling.
+      action.toggleAttribute(resources$1.activeAttr, index === activeMenuItemIndex);
     };
     this.updateActions = (actions) => {
       actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
@@ -293,6 +294,7 @@ const ActionMenu = class {
       this.el.addEventListener("calcitePopoverOpen", this.toggleOpenEnd);
       this.open = value;
     };
+    this.appearance = "solid";
     this.expanded = false;
     this.flipPlacements = undefined;
     this.label = undefined;
@@ -353,8 +355,8 @@ const ActionMenu = class {
     return dom.focusElement(this.menuButtonEl);
   }
   renderMenuButton() {
-    const { label, scale, expanded } = this;
-    const menuButtonSlot = (index.h("slot", { name: resources$1.SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, index.h("calcite-action", { class: resources$1.CSS.defaultTrigger, icon: resources$1.ICONS.menu, scale: scale, text: label, textEnabled: expanded,
+    const { appearance, label, scale, expanded } = this;
+    const menuButtonSlot = (index.h("slot", { name: resources$1.SLOTS.trigger, onSlotchange: this.setMenuButtonEl }, index.h("calcite-action", { appearance: appearance, class: resources$1.CSS.defaultTrigger, icon: resources$1.ICONS.menu, scale: scale, text: label, textEnabled: expanded,
       // 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: this.setDefaultMenuButtonEl })));
     return menuButtonSlot;

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

@@ -8,23 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const dom = require('./dom-8d00cc3f.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const ExpandToggle = require('./ExpandToggle-39e472da.js');
-const observers = require('./observers-62ea89bc.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./key-07312a4b.js');
-require('./resources-d0427f75.js');
-require('./resources-29c246e2.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const dom = require('./dom-c585dfa7.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const ExpandToggle = require('./ExpandToggle-d2cec8de.js');
+const observers = require('./observers-ee7eadc4.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./key-29076628.js');
+require('./resources-be3c1b4b.js');
+require('./resources-4548c1f4.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.8.0
+ * v1.9.0
  */
 const CSS = {
   actionGroupEnd: "action-group--end",

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

@@ -8,27 +8,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const guid = require('./guid-c351776c.js');
-const interactive = require('./interactive-7837b73d.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const observers = require('./observers-62ea89bc.js');
-const t9n = require('./t9n-c630f16d.js');
-const floatingUi = require('./floating-ui-2c1a533c.js');
-const focusTrapComponent = require('./focusTrapComponent-93fc2e12.js');
-const openCloseComponent = require('./openCloseComponent-cfafcccc.js');
-const Heading = require('./Heading-8b27f655.js');
-const key = require('./key-07312a4b.js');
-const FloatingArrow = require('./FloatingArrow-8c88459a.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
+const dom = require('./dom-c585dfa7.js');
+const guid = require('./guid-5ef151a6.js');
+const interactive = require('./interactive-17168f1c.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const observers = require('./observers-ee7eadc4.js');
+const t9n = require('./t9n-47b85291.js');
+const floatingUi = require('./floating-ui-3625f253.js');
+const focusTrapComponent = require('./focusTrapComponent-919e5636.js');
+const openCloseComponent = require('./openCloseComponent-71c34b2c.js');
+const Heading = require('./Heading-2665acd8.js');
+const key = require('./key-29076628.js');
+const FloatingArrow = require('./FloatingArrow-814ce566.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
 require('./debounce-30afab47.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.8.0
+ * v1.9.0
  */
 const CSS$1 = {
   button: "button",
@@ -192,7 +192,7 @@ Action.style = actionCss;
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",
@@ -212,7 +212,7 @@ const ARIA_EXPANDED = "aria-expanded";
 /*!
  * 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.8.0
+ * v1.9.0
  */
 class PopoverManager {
   constructor() {