@aurodesignsystem-dev/auro-formkit 0.0.0-pr1332.1 → 0.0.0-pr1335.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +8 -53
  6. package/components/combobox/demo/index.min.js +8 -53
  7. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  8. package/components/combobox/dist/index.js +8 -53
  9. package/components/combobox/dist/registered.js +8 -53
  10. package/components/counter/demo/api.min.js +3 -17
  11. package/components/counter/demo/index.min.js +3 -17
  12. package/components/counter/dist/index.js +3 -17
  13. package/components/counter/dist/registered.js +3 -17
  14. package/components/datepicker/demo/api.min.js +6 -33
  15. package/components/datepicker/demo/index.min.js +6 -33
  16. package/components/datepicker/dist/index.js +6 -33
  17. package/components/datepicker/dist/registered.js +6 -33
  18. package/components/dropdown/demo/api.min.js +2 -16
  19. package/components/dropdown/demo/index.min.js +2 -16
  20. package/components/dropdown/dist/auro-dropdown.d.ts +0 -9
  21. package/components/dropdown/dist/index.js +2 -16
  22. package/components/dropdown/dist/registered.js +2 -16
  23. package/components/input/demo/api.md +1 -1
  24. package/components/input/demo/api.min.js +3 -16
  25. package/components/input/demo/index.min.js +3 -16
  26. package/components/input/dist/auro-input.d.ts +1 -0
  27. package/components/input/dist/base-input.d.ts +0 -9
  28. package/components/input/dist/index.js +3 -16
  29. package/components/input/dist/registered.js +3 -16
  30. package/components/radio/demo/api.min.js +1 -1
  31. package/components/radio/demo/index.min.js +1 -1
  32. package/components/radio/dist/index.js +1 -1
  33. package/components/radio/dist/registered.js +1 -1
  34. package/components/select/demo/api.min.js +11 -56
  35. package/components/select/demo/index.min.js +11 -56
  36. package/components/select/dist/auro-select.d.ts +0 -7
  37. package/components/select/dist/index.js +11 -56
  38. package/components/select/dist/registered.js +11 -56
  39. package/custom-elements.json +10 -87
  40. package/package.json +11 -3
package/components/select/demo/api.min.js CHANGED
@@ -4481,7 +4481,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
4481
4481
  }
4482
4482
  };
4483
4483
 
4484
- var formkitVersion$1 = '202602092213';
4484
+ var formkitVersion$1 = '202602131810';
4485
4485
 
4486
4486
  class AuroElement extends i$3 {
4487
4487
  static get properties() {
@@ -4768,20 +4768,6 @@ class AuroDropdown extends AuroElement {
4768
4768
  }
4769
4769
  }
4770
4770
 
4771
- /**
4772
- * Sets the active descendant element for accessibility.
4773
- * Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
4774
- * This function is used in components that contain `auro-dropdown` to set the active descendant.
4775
- * @private
4776
- * @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
4777
- * @returns {void}
4778
- */
4779
- setActiveDescendant(element) {
4780
- if (this.trigger) {
4781
- this.trigger.ariaActiveDescendantElement = element;
4782
- }
4783
- }
4784
-
4785
4771
  // function to define props used within the scope of this component
4786
4772
  static get properties() {
4787
4773
  return {
@@ -5425,7 +5411,7 @@ class AuroDropdown extends AuroElement {
5425
5411
  tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
5426
5412
  role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
5427
5413
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5428
- aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : `${this.dropdownId}-floater-bib`)}"
5414
+ aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5429
5415
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5430
5416
  @focusin="${this.handleFocusin}"
5431
5417
  @blur="${this.handleFocusOut}">
@@ -6152,7 +6138,7 @@ class AuroHelpText extends i$3 {
6152
6138
  }
6153
6139
  }
6154
6140
 
6155
- var formkitVersion = '202602092213';
6141
+ var formkitVersion = '202602131810';
6156
6142
 
6157
6143
  var styleCss$2 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6158
6144
 
@@ -6489,15 +6475,6 @@ class AuroSelect extends AuroElement$1 {
6489
6475
  type: Object
6490
6476
  },
6491
6477
 
6492
- /**
6493
- * Specifies the current active/highlighted `auro-menuoption`.
6494
- * @type {HTMLElement}
6495
- * @private
6496
- */
6497
- optionActive: {
6498
- type: Object
6499
- },
6500
-
6501
6478
  /**
6502
6479
  * Define custom placeholder text.
6503
6480
  */
@@ -6680,17 +6657,10 @@ class AuroSelect extends AuroElement$1 {
6680
6657
  */
6681
6658
  configureDropdown() {
6682
6659
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
6683
- this.dropdown.a11yRole = 'combobox';
6684
6660
 
6685
6661
  this.dropdown.addEventListener('auroDropdown-toggled', () => {
6686
6662
  this.isPopoverVisible = this.dropdown.isPopoverVisible;
6687
6663
 
6688
- // Clear aria-activedescendant when dropdown closes
6689
- if (!this.dropdown.isPopoverVisible) {
6690
- this.dropdown.setActiveDescendant(null);
6691
- this.optionActive = null;
6692
- }
6693
-
6694
6664
  if (this.dropdown.isPopoverVisible) {
6695
6665
  this.updateMenuShapeSize();
6696
6666
  // wait til the bib gets fully rendered
@@ -6827,13 +6797,6 @@ class AuroSelect extends AuroElement$1 {
6827
6797
  */
6828
6798
  configureMenu() {
6829
6799
  this.menu = this.querySelector('auro-menu, [auro-menu]');
6830
-
6831
- const labelElement = this.querySelector('span[slot="label"]');
6832
-
6833
- if (labelElement) {
6834
- this.menu.setAttribute('aria-label', labelElement.textContent);
6835
- }
6836
-
6837
6800
  this.defaultMenuSize = this.menu.getAttribute('size');
6838
6801
  this.defaultMenuShape = this.menu.getAttribute('shape');
6839
6802
 
@@ -6853,15 +6816,8 @@ class AuroSelect extends AuroElement$1 {
6853
6816
  }
6854
6817
 
6855
6818
  this.options = this.menu.options;
6819
+ this.menu.setAttribute('aria-hidden', 'true');
6856
6820
  this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
6857
-
6858
- this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
6859
- this.optionActive = evt.detail;
6860
-
6861
- if (this.dropdown) {
6862
- this.dropdown.setActiveDescendant(this.optionActive);
6863
- }
6864
- });
6865
6821
  this.menu.addEventListener('auroMenu-selectedOption', (event) => {
6866
6822
 
6867
6823
  // Update the displayed value
@@ -7326,6 +7282,7 @@ class AuroSelect extends AuroElement$1 {
7326
7282
  </div>
7327
7283
  <${this.dropdownTag}
7328
7284
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7285
+ a11yRole="select"
7329
7286
  ?autoPlacement="${this.autoPlacement}"
7330
7287
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7331
7288
  ?matchWidth="${this.matchWidth}"
@@ -7340,13 +7297,13 @@ class AuroSelect extends AuroElement$1 {
7340
7297
  part="dropdown"
7341
7298
  shape="${this.shape}"
7342
7299
  size="${this.size}">
7343
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7300
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7344
7301
  <div class="accents left">
7345
7302
  <slot name="typeIcon"></slot>
7346
7303
  </div>
7347
7304
  <div class="mainContent">
7348
7305
  <div class="${e$2(valueContainerClasses)}">
7349
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7306
+ <label class="${e$2(this.commonLabelClasses)}">
7350
7307
  <slot name="label"></slot>
7351
7308
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7352
7309
  </label>
@@ -7405,7 +7362,6 @@ class AuroSelect extends AuroElement$1 {
7405
7362
  </div>
7406
7363
  <${this.dropdownTag}
7407
7364
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7408
- a11yRole="combobox"
7409
7365
  ?autoPlacement="${this.autoPlacement}"
7410
7366
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7411
7367
  ?matchWidth="${this.matchWidth}"
@@ -7419,13 +7375,13 @@ class AuroSelect extends AuroElement$1 {
7419
7375
  part="dropdown"
7420
7376
  shape="${this.shape}"
7421
7377
  size="${this.size}">
7422
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7378
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7423
7379
  <div class="accents left">
7424
7380
  <slot name="typeIcon"></slot>
7425
7381
  </div>
7426
7382
  <div class="mainContent">
7427
7383
  <div class="${e$2(valueContainerClasses)}">
7428
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7384
+ <label class="${e$2(this.commonLabelClasses)}">
7429
7385
  <slot name="label"></slot>
7430
7386
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7431
7387
  </label>
@@ -7490,7 +7446,6 @@ class AuroSelect extends AuroElement$1 {
7490
7446
  </div>
7491
7447
  <${this.dropdownTag}
7492
7448
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7493
- a11yRole="combobox"
7494
7449
  ?autoPlacement="${this.autoPlacement}"
7495
7450
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7496
7451
  ?matchWidth="${!this.flexMenuWidth}"
@@ -7504,13 +7459,13 @@ class AuroSelect extends AuroElement$1 {
7504
7459
  part="dropdown"
7505
7460
  shape="${this.shape}"
7506
7461
  size="${this.size}">
7507
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7462
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7508
7463
  <div class="accents left">
7509
7464
  <slot name="typeIcon"></slot>
7510
7465
  </div>
7511
7466
  <div class="mainContent">
7512
7467
  <div class="${e$2(valueContainerClasses)}">
7513
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7468
+ <label class="${e$2(this.commonLabelClasses)}">
7514
7469
  <slot name="label"></slot>
7515
7470
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7516
7471
  </label>
package/components/select/demo/index.min.js CHANGED
@@ -4420,7 +4420,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
4420
4420
  }
4421
4421
  };
4422
4422
 
4423
- var formkitVersion$1 = '202602092213';
4423
+ var formkitVersion$1 = '202602131810';
4424
4424
 
4425
4425
  class AuroElement extends i$3 {
4426
4426
  static get properties() {
@@ -4707,20 +4707,6 @@ class AuroDropdown extends AuroElement {
4707
4707
  }
4708
4708
  }
4709
4709
 
4710
- /**
4711
- * Sets the active descendant element for accessibility.
4712
- * Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
4713
- * This function is used in components that contain `auro-dropdown` to set the active descendant.
4714
- * @private
4715
- * @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
4716
- * @returns {void}
4717
- */
4718
- setActiveDescendant(element) {
4719
- if (this.trigger) {
4720
- this.trigger.ariaActiveDescendantElement = element;
4721
- }
4722
- }
4723
-
4724
4710
  // function to define props used within the scope of this component
4725
4711
  static get properties() {
4726
4712
  return {
@@ -5364,7 +5350,7 @@ class AuroDropdown extends AuroElement {
5364
5350
  tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
5365
5351
  role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
5366
5352
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5367
- aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : `${this.dropdownId}-floater-bib`)}"
5353
+ aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5368
5354
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5369
5355
  @focusin="${this.handleFocusin}"
5370
5356
  @blur="${this.handleFocusOut}">
@@ -6091,7 +6077,7 @@ class AuroHelpText extends i$3 {
6091
6077
  }
6092
6078
  }
6093
6079
 
6094
- var formkitVersion = '202602092213';
6080
+ var formkitVersion = '202602131810';
6095
6081
 
6096
6082
  var styleCss$2 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6097
6083
 
@@ -6428,15 +6414,6 @@ class AuroSelect extends AuroElement$1 {
6428
6414
  type: Object
6429
6415
  },
6430
6416
 
6431
- /**
6432
- * Specifies the current active/highlighted `auro-menuoption`.
6433
- * @type {HTMLElement}
6434
- * @private
6435
- */
6436
- optionActive: {
6437
- type: Object
6438
- },
6439
-
6440
6417
  /**
6441
6418
  * Define custom placeholder text.
6442
6419
  */
@@ -6619,17 +6596,10 @@ class AuroSelect extends AuroElement$1 {
6619
6596
  */
6620
6597
  configureDropdown() {
6621
6598
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
6622
- this.dropdown.a11yRole = 'combobox';
6623
6599
 
6624
6600
  this.dropdown.addEventListener('auroDropdown-toggled', () => {
6625
6601
  this.isPopoverVisible = this.dropdown.isPopoverVisible;
6626
6602
 
6627
- // Clear aria-activedescendant when dropdown closes
6628
- if (!this.dropdown.isPopoverVisible) {
6629
- this.dropdown.setActiveDescendant(null);
6630
- this.optionActive = null;
6631
- }
6632
-
6633
6603
  if (this.dropdown.isPopoverVisible) {
6634
6604
  this.updateMenuShapeSize();
6635
6605
  // wait til the bib gets fully rendered
@@ -6766,13 +6736,6 @@ class AuroSelect extends AuroElement$1 {
6766
6736
  */
6767
6737
  configureMenu() {
6768
6738
  this.menu = this.querySelector('auro-menu, [auro-menu]');
6769
-
6770
- const labelElement = this.querySelector('span[slot="label"]');
6771
-
6772
- if (labelElement) {
6773
- this.menu.setAttribute('aria-label', labelElement.textContent);
6774
- }
6775
-
6776
6739
  this.defaultMenuSize = this.menu.getAttribute('size');
6777
6740
  this.defaultMenuShape = this.menu.getAttribute('shape');
6778
6741
 
@@ -6792,15 +6755,8 @@ class AuroSelect extends AuroElement$1 {
6792
6755
  }
6793
6756
 
6794
6757
  this.options = this.menu.options;
6758
+ this.menu.setAttribute('aria-hidden', 'true');
6795
6759
  this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
6796
-
6797
- this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
6798
- this.optionActive = evt.detail;
6799
-
6800
- if (this.dropdown) {
6801
- this.dropdown.setActiveDescendant(this.optionActive);
6802
- }
6803
- });
6804
6760
  this.menu.addEventListener('auroMenu-selectedOption', (event) => {
6805
6761
 
6806
6762
  // Update the displayed value
@@ -7265,6 +7221,7 @@ class AuroSelect extends AuroElement$1 {
7265
7221
  </div>
7266
7222
  <${this.dropdownTag}
7267
7223
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7224
+ a11yRole="select"
7268
7225
  ?autoPlacement="${this.autoPlacement}"
7269
7226
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7270
7227
  ?matchWidth="${this.matchWidth}"
@@ -7279,13 +7236,13 @@ class AuroSelect extends AuroElement$1 {
7279
7236
  part="dropdown"
7280
7237
  shape="${this.shape}"
7281
7238
  size="${this.size}">
7282
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7239
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7283
7240
  <div class="accents left">
7284
7241
  <slot name="typeIcon"></slot>
7285
7242
  </div>
7286
7243
  <div class="mainContent">
7287
7244
  <div class="${e$2(valueContainerClasses)}">
7288
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7245
+ <label class="${e$2(this.commonLabelClasses)}">
7289
7246
  <slot name="label"></slot>
7290
7247
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7291
7248
  </label>
@@ -7344,7 +7301,6 @@ class AuroSelect extends AuroElement$1 {
7344
7301
  </div>
7345
7302
  <${this.dropdownTag}
7346
7303
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7347
- a11yRole="combobox"
7348
7304
  ?autoPlacement="${this.autoPlacement}"
7349
7305
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7350
7306
  ?matchWidth="${this.matchWidth}"
@@ -7358,13 +7314,13 @@ class AuroSelect extends AuroElement$1 {
7358
7314
  part="dropdown"
7359
7315
  shape="${this.shape}"
7360
7316
  size="${this.size}">
7361
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7317
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7362
7318
  <div class="accents left">
7363
7319
  <slot name="typeIcon"></slot>
7364
7320
  </div>
7365
7321
  <div class="mainContent">
7366
7322
  <div class="${e$2(valueContainerClasses)}">
7367
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7323
+ <label class="${e$2(this.commonLabelClasses)}">
7368
7324
  <slot name="label"></slot>
7369
7325
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7370
7326
  </label>
@@ -7429,7 +7385,6 @@ class AuroSelect extends AuroElement$1 {
7429
7385
  </div>
7430
7386
  <${this.dropdownTag}
7431
7387
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7432
- a11yRole="combobox"
7433
7388
  ?autoPlacement="${this.autoPlacement}"
7434
7389
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7435
7390
  ?matchWidth="${!this.flexMenuWidth}"
@@ -7443,13 +7398,13 @@ class AuroSelect extends AuroElement$1 {
7443
7398
  part="dropdown"
7444
7399
  shape="${this.shape}"
7445
7400
  size="${this.size}">
7446
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7401
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7447
7402
  <div class="accents left">
7448
7403
  <slot name="typeIcon"></slot>
7449
7404
  </div>
7450
7405
  <div class="mainContent">
7451
7406
  <div class="${e$2(valueContainerClasses)}">
7452
- <label id="dropdownLabel" class="${e$2(this.commonLabelClasses)}">
7407
+ <label class="${e$2(this.commonLabelClasses)}">
7453
7408
  <slot name="label"></slot>
7454
7409
  ${this.required ? undefined : u$4`<slot name="optionalLabel"> (optional)</slot>`}
7455
7410
  </label>
package/components/select/dist/auro-select.d.ts CHANGED
@@ -192,12 +192,6 @@ export class AuroSelect extends AuroElement {
192
192
  * @type {HTMLElement|Array<HTMLElement>}
193
193
  */
194
194
  optionSelected: HTMLElement | Array<HTMLElement>;
195
- /**
196
- * Specifies the current active/highlighted `auro-menuoption`.
197
- * @type {HTMLElement}
198
- * @private
199
- */
200
- optionActive: HTMLElement;
201
195
  /**
202
196
  * Define custom placeholder text.
203
197
  */
@@ -375,7 +369,6 @@ export class AuroSelect extends AuroElement {
375
369
  */
376
370
  private configureDropdown;
377
371
  dropdown: any;
378
- optionActive: any;
379
372
  bibtemplate: any;
380
373
  /**
381
374
  * Updates the displayed value in an Auro dropdown component based on optionSelected.
package/components/select/dist/index.js CHANGED
@@ -4357,7 +4357,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4357
4357
  }
4358
4358
  };
4359
4359
 
4360
- var formkitVersion$1 = '202602092213';
4360
+ var formkitVersion$1 = '202602131810';
4361
4361
 
4362
4362
  class AuroElement extends LitElement {
4363
4363
  static get properties() {
@@ -4644,20 +4644,6 @@ class AuroDropdown extends AuroElement {
4644
4644
  }
4645
4645
  }
4646
4646
 
4647
- /**
4648
- * Sets the active descendant element for accessibility.
4649
- * Uses ariaActiveDescendantElement to cross shadow DOM boundaries.
4650
- * This function is used in components that contain `auro-dropdown` to set the active descendant.
4651
- * @private
4652
- * @param {HTMLElement|null} element - The element to set as the active descendant, or null to clear.
4653
- * @returns {void}
4654
- */
4655
- setActiveDescendant(element) {
4656
- if (this.trigger) {
4657
- this.trigger.ariaActiveDescendantElement = element;
4658
- }
4659
- }
4660
-
4661
4647
  // function to define props used within the scope of this component
4662
4648
  static get properties() {
4663
4649
  return {
@@ -5301,7 +5287,7 @@ class AuroDropdown extends AuroElement {
5301
5287
  tabindex="${ifDefined(this.triggerContentFocusable ? undefined : this.tabIndex)}"
5302
5288
  role="${ifDefined(this.triggerContentFocusable ? undefined : this.a11yRole)}"
5303
5289
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
5304
- aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : `${this.dropdownId}-floater-bib`)}"
5290
+ aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
5305
5291
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
5306
5292
  @focusin="${this.handleFocusin}"
5307
5293
  @blur="${this.handleFocusOut}">
@@ -6028,7 +6014,7 @@ class AuroHelpText extends LitElement {
6028
6014
  }
6029
6015
  }
6030
6016
 
6031
- var formkitVersion = '202602092213';
6017
+ var formkitVersion = '202602131810';
6032
6018
 
6033
6019
  var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6034
6020
 
@@ -6365,15 +6351,6 @@ class AuroSelect extends AuroElement$1 {
6365
6351
  type: Object
6366
6352
  },
6367
6353
 
6368
- /**
6369
- * Specifies the current active/highlighted `auro-menuoption`.
6370
- * @type {HTMLElement}
6371
- * @private
6372
- */
6373
- optionActive: {
6374
- type: Object
6375
- },
6376
-
6377
6354
  /**
6378
6355
  * Define custom placeholder text.
6379
6356
  */
@@ -6556,17 +6533,10 @@ class AuroSelect extends AuroElement$1 {
6556
6533
  */
6557
6534
  configureDropdown() {
6558
6535
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
6559
- this.dropdown.a11yRole = 'combobox';
6560
6536
 
6561
6537
  this.dropdown.addEventListener('auroDropdown-toggled', () => {
6562
6538
  this.isPopoverVisible = this.dropdown.isPopoverVisible;
6563
6539
 
6564
- // Clear aria-activedescendant when dropdown closes
6565
- if (!this.dropdown.isPopoverVisible) {
6566
- this.dropdown.setActiveDescendant(null);
6567
- this.optionActive = null;
6568
- }
6569
-
6570
6540
  if (this.dropdown.isPopoverVisible) {
6571
6541
  this.updateMenuShapeSize();
6572
6542
  // wait til the bib gets fully rendered
@@ -6703,13 +6673,6 @@ class AuroSelect extends AuroElement$1 {
6703
6673
  */
6704
6674
  configureMenu() {
6705
6675
  this.menu = this.querySelector('auro-menu, [auro-menu]');
6706
-
6707
- const labelElement = this.querySelector('span[slot="label"]');
6708
-
6709
- if (labelElement) {
6710
- this.menu.setAttribute('aria-label', labelElement.textContent);
6711
- }
6712
-
6713
6676
  this.defaultMenuSize = this.menu.getAttribute('size');
6714
6677
  this.defaultMenuShape = this.menu.getAttribute('shape');
6715
6678
 
@@ -6729,15 +6692,8 @@ class AuroSelect extends AuroElement$1 {
6729
6692
  }
6730
6693
 
6731
6694
  this.options = this.menu.options;
6695
+ this.menu.setAttribute('aria-hidden', 'true');
6732
6696
  this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
6733
-
6734
- this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
6735
- this.optionActive = evt.detail;
6736
-
6737
- if (this.dropdown) {
6738
- this.dropdown.setActiveDescendant(this.optionActive);
6739
- }
6740
- });
6741
6697
  this.menu.addEventListener('auroMenu-selectedOption', (event) => {
6742
6698
 
6743
6699
  // Update the displayed value
@@ -7202,6 +7158,7 @@ class AuroSelect extends AuroElement$1 {
7202
7158
  </div>
7203
7159
  <${this.dropdownTag}
7204
7160
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7161
+ a11yRole="select"
7205
7162
  ?autoPlacement="${this.autoPlacement}"
7206
7163
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7207
7164
  ?matchWidth="${this.matchWidth}"
@@ -7216,13 +7173,13 @@ class AuroSelect extends AuroElement$1 {
7216
7173
  part="dropdown"
7217
7174
  shape="${this.shape}"
7218
7175
  size="${this.size}">
7219
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7176
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7220
7177
  <div class="accents left">
7221
7178
  <slot name="typeIcon"></slot>
7222
7179
  </div>
7223
7180
  <div class="mainContent">
7224
7181
  <div class="${classMap(valueContainerClasses)}">
7225
- <label id="dropdownLabel" class="${classMap(this.commonLabelClasses)}">
7182
+ <label class="${classMap(this.commonLabelClasses)}">
7226
7183
  <slot name="label"></slot>
7227
7184
  ${this.required ? undefined : html`<slot name="optionalLabel"> (optional)</slot>`}
7228
7185
  </label>
@@ -7281,7 +7238,6 @@ class AuroSelect extends AuroElement$1 {
7281
7238
  </div>
7282
7239
  <${this.dropdownTag}
7283
7240
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7284
- a11yRole="combobox"
7285
7241
  ?autoPlacement="${this.autoPlacement}"
7286
7242
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7287
7243
  ?matchWidth="${this.matchWidth}"
@@ -7295,13 +7251,13 @@ class AuroSelect extends AuroElement$1 {
7295
7251
  part="dropdown"
7296
7252
  shape="${this.shape}"
7297
7253
  size="${this.size}">
7298
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7254
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7299
7255
  <div class="accents left">
7300
7256
  <slot name="typeIcon"></slot>
7301
7257
  </div>
7302
7258
  <div class="mainContent">
7303
7259
  <div class="${classMap(valueContainerClasses)}">
7304
- <label id="dropdownLabel" class="${classMap(this.commonLabelClasses)}">
7260
+ <label class="${classMap(this.commonLabelClasses)}">
7305
7261
  <slot name="label"></slot>
7306
7262
  ${this.required ? undefined : html`<slot name="optionalLabel"> (optional)</slot>`}
7307
7263
  </label>
@@ -7366,7 +7322,6 @@ class AuroSelect extends AuroElement$1 {
7366
7322
  </div>
7367
7323
  <${this.dropdownTag}
7368
7324
  appearance="${this.onDark ? 'inverse' : this.appearance}"
7369
- a11yRole="combobox"
7370
7325
  ?autoPlacement="${this.autoPlacement}"
7371
7326
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
7372
7327
  ?matchWidth="${!this.flexMenuWidth}"
@@ -7380,13 +7335,13 @@ class AuroSelect extends AuroElement$1 {
7380
7335
  part="dropdown"
7381
7336
  shape="${this.shape}"
7382
7337
  size="${this.size}">
7383
- <div slot="trigger" aria-haspopup="listbox" id="triggerFocus" class="triggerContent">
7338
+ <div slot="trigger" aria-haspopup="true" id="triggerFocus" class="triggerContent">
7384
7339
  <div class="accents left">
7385
7340
  <slot name="typeIcon"></slot>
7386
7341
  </div>
7387
7342
  <div class="mainContent">
7388
7343
  <div class="${classMap(valueContainerClasses)}">
7389
- <label id="dropdownLabel" class="${classMap(this.commonLabelClasses)}">
7344
+ <label class="${classMap(this.commonLabelClasses)}">
7390
7345
  <slot name="label"></slot>
7391
7346
  ${this.required ? undefined : html`<slot name="optionalLabel"> (optional)</slot>`}
7392
7347
  </label>