@aurodesignsystem/auro-formkit 2.0.0-beta.34 → 2.0.0-beta.36

package/components/select/dist/index.js

@@ -2193,7 +2193,11 @@ class AuroFloatingUI {
 
   updateState() {
     const isVisible = this.element.isPopoverVisible;
-    this.element.trigger.setAttribute('aria-expanded', isVisible);
+
+    // Refactor this to apply attribute to correct focusable element
+    // Reference Issue: https://github.com/AlaskaAirlines/auro-library/issues/105
+    //
+    // this.element.trigger.setAttribute('aria-expanded', isVisible);
 
     if (isVisible) {
       this.element.bib.setAttribute('data-show', true);
@@ -2872,11 +2876,11 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
 
 var iconVersion$1 = '6.1.2';
 
-var styleCss$2$1 = i$7`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}.label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
+var styleCss$2$1 = i$7`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}.label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}.trigger{position:relative;display:flex;align-items:center}.trigger[showBorder]{border-width:1px;border-style:solid;cursor:pointer;outline-style:solid;outline-width:1px}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
 
-var colorCss$2$1 = i$7`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);outline:1px solid var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within,:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
+var colorCss$2$1 = i$7`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color);outline-color:var(--ds-auro-dropdown-trigger-outline-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within,:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
 
-var tokensCss$1$1 = i$7`:host{--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
+var tokensCss$1$1 = i$7`:host{--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
 
 /**
  * @license
@@ -3215,7 +3219,6 @@ if (!customElements.get("auro-dropdownbib")) {
  * @csspart trigger - The trigger content container.
  * @csspart chevron - The collapsed/expanded state icon container.
  * @csspart helpText - The helpText content container.
- * @csspart popover - The bib content container.
  * @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
  * @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
  */
@@ -3548,6 +3551,64 @@ class AuroDropdown extends r$4 {
     return inCustomSlot;
   }
 
+  /**
+   * Determines if the element or any children are focusable.
+   * @private
+   * @param {HTMLElement} element - Element to check.
+   * @returns {Boolean} - True if the element or any children are focusable.
+   */
+  containsFocusableElement(element) {
+    this.showTriggerBorders = true;
+
+    const nodes = [
+      element,
+      ...element.children
+    ];
+
+    const focusableElements = [
+      'a',
+      'auro-hyperlink',
+      'button',
+      'auro-button',
+      'input',
+      'auro-input',
+    ];
+
+    const focusableElementsThatNeedBorders = ['auro-input'];
+
+    const result = nodes.some((node) => {
+      const tagName = node.tagName.toLowerCase();
+
+      if (node.tabIndex > -1) {
+        return true;
+      }
+
+      if (focusableElements.includes(tagName)) {
+        if ((tagName === 'a' || tagName === 'auro-hyperlink' || node.hasAttribute('auro-hyperlink')) && node.hasAttribute('href')) {
+          return true;
+        }
+        if (!node.hasAttribute('disabled')) {
+          return true;
+        }
+      }
+
+      if (focusableElements.some((focusableElement) => focusableElement.startsWith('auro-') && (focusableElement === tagName || node.hasAttribute(focusableElement)))) {
+        return true;
+      }
+
+      return false;
+    });
+
+    if (result) {
+      this.showTriggerBorders = !nodes.some((node) => {
+        const tagName = node.tagName.toLowerCase();
+        return focusableElements.includes(tagName) && !focusableElementsThatNeedBorders.includes(tagName);
+      });
+    }
+
+    return result;
+  }
+
   /**
    * Handles changes to the trigger content slot and updates related properties.
    *
@@ -3563,6 +3624,24 @@ class AuroDropdown extends r$4 {
   handleTriggerContentSlotChange(event) {
     this.floater.handleTriggerTabIndex();
 
+    const triggerContentNodes = this.shadowRoot.querySelector('.triggerContent slot').assignedNodes();
+
+    triggerContentNodes.forEach((node) => {
+      if (!this.triggerContentFocusable) {
+        this.triggerContentFocusable = this.containsFocusableElement(node);
+      }
+    });
+
+    const trigger = this.shadowRoot.querySelector('#trigger');
+
+    if (!this.triggerContentFocusable) {
+      trigger.setAttribute('tabindex', '0');
+      trigger.setAttribute('role', 'button');
+    } else {
+      trigger.removeAttribute('tabindex');
+      trigger.removeAttribute('role');
+    }
+
     if (event) {
       this.triggerNode = event.target;
       this.triggerContentSlot = event.target.assignedNodes();
@@ -3613,10 +3692,9 @@ class AuroDropdown extends r$4 {
           id="trigger"
           class="trigger"
           part="trigger"
-          role="button"
           aria-labelledby="triggerLabel"
-          aria-controls="popover"
           tabindex="${this.tabIndex}"
+          ?showBorder="${this.showTriggerBorders}"
           >
           <div class="triggerContentWrapper">
             <label class="label" id="triggerLabel" hasTrigger=${this.hasTriggerContent}>

package/components/select/package.json

@@ -19,7 +19,7 @@
     "lit-html": "^3.2.1"
   },
   "peerDependencies": {
-    "@aurodesignsystem/design-tokens": "^4.12.1",
+    "@aurodesignsystem/design-tokens": "^4.13.0",
     "@aurodesignsystem/webcorestylesheets": "^5.1.2"
   },
   "devDependencies": {
@@ -28,7 +28,7 @@
     "@auro-formkit/config": "*",
     "@auro-formkit/form-validation": "*",
     "@auro-formkit/typescript": "*",
-    "@aurodesignsystem/design-tokens": "^4.12.1",
+    "@aurodesignsystem/design-tokens": "^4.13.0",
     "@aurodesignsystem/webcorestylesheets": "^5.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/auro-formkit",
-  "version": "2.0.0-beta.34",
+  "version": "2.0.0-beta.36",
   "description": "A collection of web components used to build forms.",
   "type": "module",
   "license": "Apache-2.0",
@@ -41,7 +41,7 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@aurodesignsystem/auro-library": "^3.0.7"
+    "@aurodesignsystem/auro-library": "^3.0.8"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "*"

package/.turbo/cache/08582d94197f10ee-meta.json

@@ -1 +0,0 @@
-{"hash":"08582d94197f10ee","duration":4809}

package/.turbo/cache/103d2a28d83aecaa-meta.json

@@ -1 +0,0 @@
-{"hash":"103d2a28d83aecaa","duration":1617}

package/.turbo/cache/19fbb16e12ecafea-meta.json

@@ -1 +0,0 @@
-{"hash":"19fbb16e12ecafea","duration":6260}

package/.turbo/cache/1d4280429ff4222f-meta.json

@@ -1 +0,0 @@
-{"hash":"1d4280429ff4222f","duration":3717}

package/.turbo/cache/1e094164b4932553-meta.json

@@ -1 +0,0 @@
-{"hash":"1e094164b4932553","duration":1806}

package/.turbo/cache/23362f9e97bfb2aa-meta.json

@@ -1 +0,0 @@
-{"hash":"23362f9e97bfb2aa","duration":14227}

package/.turbo/cache/251ba344c6338ba3-meta.json

@@ -1 +0,0 @@
-{"hash":"251ba344c6338ba3","duration":1807}

package/.turbo/cache/27b0d0b95232015d-meta.json

@@ -1 +0,0 @@
-{"hash":"27b0d0b95232015d","duration":14666}

package/.turbo/cache/28fe2121c9ba81e2-meta.json

@@ -1 +0,0 @@
-{"hash":"28fe2121c9ba81e2","duration":1903}

package/.turbo/cache/298b6ff0272e6226-meta.json

@@ -1 +0,0 @@
-{"hash":"298b6ff0272e6226","duration":3151}

package/.turbo/cache/2abb5400a01a1694-meta.json

@@ -1 +0,0 @@
-{"hash":"2abb5400a01a1694","duration":1966}

package/.turbo/cache/3058929eb73309e5-meta.json

@@ -1 +0,0 @@
-{"hash":"3058929eb73309e5","duration":5765}

package/.turbo/cache/30fda91ef83677e4-meta.json

@@ -1 +0,0 @@
-{"hash":"30fda91ef83677e4","duration":1696}

package/.turbo/cache/3221d91a94756c26-meta.json

@@ -1 +0,0 @@
-{"hash":"3221d91a94756c26","duration":2382}

package/.turbo/cache/3ab09fe7cf32b3bf-meta.json

@@ -1 +0,0 @@
-{"hash":"3ab09fe7cf32b3bf","duration":2476}

package/.turbo/cache/3e7c2d508c29564b-meta.json

@@ -1 +0,0 @@
-{"hash":"3e7c2d508c29564b","duration":1619}

package/.turbo/cache/3f1b3db13386acdc-meta.json

@@ -1 +0,0 @@
-{"hash":"3f1b3db13386acdc","duration":1601}

package/.turbo/cache/430c124614841675-meta.json

@@ -1 +0,0 @@
-{"hash":"430c124614841675","duration":2767}

package/.turbo/cache/457a9f56f941d179-meta.json

@@ -1 +0,0 @@
-{"hash":"457a9f56f941d179","duration":15308}

package/.turbo/cache/45bdeb0396723b25-meta.json

@@ -1 +0,0 @@
-{"hash":"45bdeb0396723b25","duration":2515}

package/.turbo/cache/4e8248fc9e1e3e8f-meta.json

@@ -1 +0,0 @@
-{"hash":"4e8248fc9e1e3e8f","duration":683}

package/.turbo/cache/4e9c9a5dd62c50a4-meta.json

@@ -1 +0,0 @@
-{"hash":"4e9c9a5dd62c50a4","duration":2042}

package/.turbo/cache/4f5f322655310502-meta.json

@@ -1 +0,0 @@
-{"hash":"4f5f322655310502","duration":15940}

package/.turbo/cache/5326b73ddda05291-meta.json

@@ -1 +0,0 @@
-{"hash":"5326b73ddda05291","duration":1634}

package/.turbo/cache/5a9a22bec5b85071-meta.json

@@ -1 +0,0 @@
-{"hash":"5a9a22bec5b85071","duration":1138}

package/.turbo/cache/5fc9a7a072827b7b-meta.json

@@ -1 +0,0 @@
-{"hash":"5fc9a7a072827b7b","duration":1850}

package/.turbo/cache/636856e9513dd881-meta.json

@@ -1 +0,0 @@
-{"hash":"636856e9513dd881","duration":13987}

package/.turbo/cache/64124d335f246ad4-meta.json

@@ -1 +0,0 @@
-{"hash":"64124d335f246ad4","duration":15042}

package/.turbo/cache/6e0b3da6e3ff3718-meta.json

@@ -1 +0,0 @@
-{"hash":"6e0b3da6e3ff3718","duration":3116}

package/.turbo/cache/753b119a389426be-meta.json

@@ -1 +0,0 @@
-{"hash":"753b119a389426be","duration":1671}

package/.turbo/cache/785960dbbde053b6-meta.json

@@ -1 +0,0 @@
-{"hash":"785960dbbde053b6","duration":2030}

package/.turbo/cache/82a9f389dc683578-meta.json

@@ -1 +0,0 @@
-{"hash":"82a9f389dc683578","duration":1942}

package/.turbo/cache/838d169577bdd409-meta.json

@@ -1 +0,0 @@
-{"hash":"838d169577bdd409","duration":24637}

package/.turbo/cache/88f0204c4fde872f-meta.json

@@ -1 +0,0 @@
-{"hash":"88f0204c4fde872f","duration":12259}

package/.turbo/cache/8d64907e7ce80f3e-meta.json

@@ -1 +0,0 @@
-{"hash":"8d64907e7ce80f3e","duration":1420}

package/.turbo/cache/a57b56e1d77cb964-meta.json

@@ -1 +0,0 @@
-{"hash":"a57b56e1d77cb964","duration":1385}

package/.turbo/cache/a60bcc111612dda1-meta.json

@@ -1 +0,0 @@
-{"hash":"a60bcc111612dda1","duration":5666}

package/.turbo/cache/a8889572165c9122-meta.json

@@ -1 +0,0 @@
-{"hash":"a8889572165c9122","duration":13686}

package/.turbo/cache/b0b5e4ac676e8308-meta.json

@@ -1 +0,0 @@
-{"hash":"b0b5e4ac676e8308","duration":743}

package/.turbo/cache/b169402fda42f218-meta.json

@@ -1 +0,0 @@
-{"hash":"b169402fda42f218","duration":2752}

package/.turbo/cache/b7c4f3a43e3ac43b-meta.json

@@ -1 +0,0 @@
-{"hash":"b7c4f3a43e3ac43b","duration":3254}

package/.turbo/cache/bf3d1eace5e676f9-meta.json

@@ -1 +0,0 @@
-{"hash":"bf3d1eace5e676f9","duration":1979}

package/.turbo/cache/ca9625ba0a5cd272-meta.json

@@ -1 +0,0 @@
-{"hash":"ca9625ba0a5cd272","duration":3093}

package/.turbo/cache/cbcd9db8ac9a2d52-meta.json

@@ -1 +0,0 @@
-{"hash":"cbcd9db8ac9a2d52","duration":2919}

package/.turbo/cache/d3afdb9a7db9eacc-meta.json

@@ -1 +0,0 @@
-{"hash":"d3afdb9a7db9eacc","duration":1835}

package/.turbo/cache/d8ecdff9c663c38e-meta.json

@@ -1 +0,0 @@
-{"hash":"d8ecdff9c663c38e","duration":1967}

package/.turbo/cache/de494df6a3006101-meta.json

@@ -1 +0,0 @@
-{"hash":"de494df6a3006101","duration":1983}

package/.turbo/cache/e04489ada7560903-meta.json

@@ -1 +0,0 @@
-{"hash":"e04489ada7560903","duration":1807}

package/.turbo/cache/e56a9865641ec3e8-meta.json

@@ -1 +0,0 @@
-{"hash":"e56a9865641ec3e8","duration":1691}

package/.turbo/cache/e7ed9e7056d80938-meta.json

@@ -1 +0,0 @@
-{"hash":"e7ed9e7056d80938","duration":2634}

package/.turbo/cache/e837827cd24834c4-meta.json

@@ -1 +0,0 @@
-{"hash":"e837827cd24834c4","duration":2628}

package/.turbo/cache/e9ff93179777aa26-meta.json

@@ -1 +0,0 @@
-{"hash":"e9ff93179777aa26","duration":3382}

package/.turbo/cache/f2e689c8cdd1aafe-meta.json

@@ -1 +0,0 @@
-{"hash":"f2e689c8cdd1aafe","duration":5119}

package/.turbo/cache/f7ab9a13f9acc0ab-meta.json

@@ -1 +0,0 @@
-{"hash":"f7ab9a13f9acc0ab","duration":1770}

package/.turbo/cache/ff3c8a3042cab66e-meta.json

@@ -1 +0,0 @@
-{"hash":"ff3c8a3042cab66e","duration":1766}