@aurodesignsystem-dev/auro-formkit 0.0.0-pr1249.0 → 0.0.0-pr1257.1

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 (52) 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/README.md +5 -5
  6. package/components/combobox/demo/api.md +10 -10
  7. package/components/combobox/demo/api.min.js +28 -8
  8. package/components/combobox/demo/index.md +35 -35
  9. package/components/combobox/demo/index.min.js +28 -8
  10. package/components/combobox/demo/readme.md +5 -5
  11. package/components/combobox/dist/auro-combobox.d.ts +1 -0
  12. package/components/combobox/dist/index.js +9 -7
  13. package/components/combobox/dist/registered.js +9 -7
  14. package/components/counter/demo/api.min.js +2 -2
  15. package/components/counter/demo/index.min.js +2 -2
  16. package/components/counter/dist/index.js +2 -2
  17. package/components/counter/dist/registered.js +2 -2
  18. package/components/datepicker/demo/api.min.js +3 -3
  19. package/components/datepicker/demo/index.min.js +3 -3
  20. package/components/datepicker/dist/index.js +3 -3
  21. package/components/datepicker/dist/registered.js +3 -3
  22. package/components/dropdown/demo/api.min.js +1 -1
  23. package/components/dropdown/demo/index.min.js +1 -1
  24. package/components/dropdown/dist/index.js +1 -1
  25. package/components/dropdown/dist/registered.js +1 -1
  26. package/components/input/demo/api.min.js +1 -1
  27. package/components/input/demo/index.min.js +1 -1
  28. package/components/input/dist/index.js +1 -1
  29. package/components/input/dist/registered.js +1 -1
  30. package/components/menu/README.md +5 -5
  31. package/components/menu/demo/api.md +11 -10
  32. package/components/menu/demo/api.min.js +19 -1
  33. package/components/menu/demo/index.md +10 -10
  34. package/components/menu/demo/index.min.js +19 -1
  35. package/components/menu/demo/readme.md +5 -5
  36. package/components/menu/dist/auro-menu.context.d.ts +5 -0
  37. package/components/menu/dist/auro-menu.d.ts +5 -0
  38. package/components/menu/dist/index.js +19 -1
  39. package/components/menu/dist/registered.js +19 -1
  40. package/components/radio/demo/api.min.js +1 -1
  41. package/components/radio/demo/index.min.js +1 -1
  42. package/components/radio/dist/index.js +1 -1
  43. package/components/radio/dist/registered.js +1 -1
  44. package/components/select/README.md +6 -6
  45. package/components/select/demo/api.md +12 -12
  46. package/components/select/demo/api.min.js +21 -3
  47. package/components/select/demo/index.md +60 -60
  48. package/components/select/demo/index.min.js +21 -3
  49. package/components/select/demo/readme.md +6 -6
  50. package/components/select/dist/index.js +2 -2
  51. package/components/select/dist/registered.js +2 -2
  52. package/package.json +1 -1
package/components/radio/demo/api.min.js CHANGED
@@ -1609,7 +1609,7 @@ class AuroHelpText extends i$2 {
1609
1609
  }
1610
1610
  }
1611
1611
 
1612
- var formkitVersion = '202512022205';
1612
+ var formkitVersion = '202512151926';
1613
1613
 
1614
1614
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1615
1615
  // See LICENSE in the project root for license information.
package/components/radio/demo/index.min.js CHANGED
@@ -1584,7 +1584,7 @@ class AuroHelpText extends i$2 {
1584
1584
  }
1585
1585
  }
1586
1586
 
1587
- var formkitVersion = '202512022205';
1587
+ var formkitVersion = '202512151926';
1588
1588
 
1589
1589
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1590
1590
  // See LICENSE in the project root for license information.
package/components/radio/dist/index.js CHANGED
@@ -1537,7 +1537,7 @@ class AuroHelpText extends LitElement {
1537
1537
  }
1538
1538
  }
1539
1539
 
1540
- var formkitVersion = '202512022205';
1540
+ var formkitVersion = '202512151926';
1541
1541
 
1542
1542
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1543
1543
  // See LICENSE in the project root for license information.
package/components/radio/dist/registered.js CHANGED
@@ -1537,7 +1537,7 @@ class AuroHelpText extends LitElement {
1537
1537
  }
1538
1538
  }
1539
1539
 
1540
- var formkitVersion = '202512022205';
1540
+ var formkitVersion = '202512151926';
1541
1541
 
1542
1542
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1543
1543
  // See LICENSE in the project root for license information.
package/components/select/README.md CHANGED
@@ -88,12 +88,12 @@ This configuration enables proper module resolution for the component's TypeScri
88
88
  <span slot="bib.fullscreen.headline">Bib Headline</span>
89
89
  <span slot="label">Select Example</span>
90
90
  <auro-menu>
91
- <auro-menuoption value="stops">Stops</auro-menuoption>
92
- <auro-menuoption value="price">Price</auro-menuoption>
93
- <auro-menuoption value="duration">Duration</auro-menuoption>
94
- <auro-menuoption value="departure">Departure</auro-menuoption>
95
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
96
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
91
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
92
+ <auro-menuoption value="price-val">Price</auro-menuoption>
93
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
94
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
95
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
96
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
97
97
  </auro-menu>
98
98
  </auro-select>
99
99
  ```
package/components/select/demo/api.md CHANGED
@@ -100,12 +100,12 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
100
100
  <span slot="bib.fullscreen.headline">Bib Headline</span>
101
101
  <span slot="label">Select Example</span>
102
102
  <auro-menu>
103
- <auro-menuoption value="stops">Stops</auro-menuoption>
104
- <auro-menuoption value="price">Price</auro-menuoption>
105
- <auro-menuoption value="duration">Duration</auro-menuoption>
106
- <auro-menuoption value="departure">Departure</auro-menuoption>
107
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
108
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
103
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
104
+ <auro-menuoption value="price-val">Price</auro-menuoption>
105
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
106
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
107
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
108
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
109
109
  </auro-menu>
110
110
  </auro-select>
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -138,12 +138,12 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
138
138
  <span slot="bib.fullscreen.headline">Bib Headline</span>
139
139
  <span slot="label">Select Example</span>
140
140
  <auro-menu>
141
- <auro-menuoption value="stops">Stops</auro-menuoption>
142
- <auro-menuoption value="price">Price</auro-menuoption>
143
- <auro-menuoption value="duration">Duration</auro-menuoption>
144
- <auro-menuoption value="departure">Departure</auro-menuoption>
145
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
146
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
141
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
142
+ <auro-menuoption value="price-val">Price</auro-menuoption>
143
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
144
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
145
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
146
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
147
147
  </auro-menu>
148
148
  </auro-select>
149
149
  ```
package/components/select/demo/api.min.js CHANGED
@@ -4352,7 +4352,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
4352
4352
  }
4353
4353
  };
4354
4354
 
4355
- var formkitVersion$1 = '202512022205';
4355
+ var formkitVersion$1 = '202512151926';
4356
4356
 
4357
4357
  class AuroElement extends i$3 {
4358
4358
  static get properties() {
@@ -5990,7 +5990,7 @@ class AuroHelpText extends i$3 {
5990
5990
  }
5991
5991
  }
5992
5992
 
5993
- var formkitVersion = '202512022205';
5993
+ var formkitVersion = '202512151926';
5994
5994
 
5995
5995
  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}`;
5996
5996
 
@@ -7924,6 +7924,15 @@ class MenuService {
7924
7924
  return this.multiSelect ? values : values[0];
7925
7925
  }
7926
7926
 
7927
+ /**
7928
+ * Gets the label(s) of the currently selected option(s).
7929
+ * @returns {string}
7930
+ */
7931
+ get currentLabel() {
7932
+ const labels = (this.selectedOptions || []).map(option => option.textContent);
7933
+ return this.multiSelect ? labels.join(", ") : labels[0] || '';
7934
+ }
7935
+
7927
7936
  /**
7928
7937
  * Gets the string representation of the current value(s).
7929
7938
  * For multi-select, this is a JSON stringified array.
@@ -8355,7 +8364,8 @@ class MenuService {
8355
8364
  value: this.currentValue,
8356
8365
  stringValue: this.stringValue,
8357
8366
  keys: this.currentKeys,
8358
- options: this.selectedOptions
8367
+ options: this.selectedOptions,
8368
+ label: this.currentLabel
8359
8369
  };
8360
8370
 
8361
8371
  // If only one option is selected, include its index
@@ -8676,6 +8686,14 @@ class AuroMenu extends AuroElement$1 {
8676
8686
  ];
8677
8687
  }
8678
8688
 
8689
+ /**
8690
+ * @readonly
8691
+ * @returns {string} - Returns the label of the currently selected option(s).
8692
+ */
8693
+ get currentLabel() {
8694
+ return this.menuService.currentLabel;
8695
+ };
8696
+
8679
8697
  /**
8680
8698
  * @readonly
8681
8699
  * @returns {Array<HTMLElement>} - Returns the array of available menu options.
package/components/select/demo/index.md CHANGED
@@ -25,12 +25,12 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
25
25
  <span slot="bib.fullscreen.headline">Bib Headline</span>
26
26
  <span slot="label">Select Example</span>
27
27
  <auro-menu>
28
- <auro-menuoption value="stops">Stops</auro-menuoption>
29
- <auro-menuoption value="price">Price</auro-menuoption>
30
- <auro-menuoption value="duration">Duration</auro-menuoption>
31
- <auro-menuoption value="departure">Departure</auro-menuoption>
32
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
33
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
28
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
29
+ <auro-menuoption value="price-val">Price</auro-menuoption>
30
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
31
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
32
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
33
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
34
34
  </auro-menu>
35
35
  </auro-select>
36
36
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -63,12 +63,12 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
63
63
  <span slot="bib.fullscreen.headline">Bib Headline</span>
64
64
  <span slot="label">Select Example</span>
65
65
  <auro-menu>
66
- <auro-menuoption value="stops">Stops</auro-menuoption>
67
- <auro-menuoption value="price">Price</auro-menuoption>
68
- <auro-menuoption value="duration">Duration</auro-menuoption>
69
- <auro-menuoption value="departure">Departure</auro-menuoption>
70
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
71
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
66
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
67
+ <auro-menuoption value="price-val">Price</auro-menuoption>
68
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
69
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
70
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
71
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
72
72
  </auro-menu>
73
73
  </auro-select>
74
74
  ```
@@ -108,12 +108,12 @@ The `classic` layout is default for `auro-select`. No customization is needed to
108
108
  <span slot="bib.fullscreen.headline">Bib Headline</span>
109
109
  <span slot="label">Select Example</span>
110
110
  <auro-menu>
111
- <auro-menuoption value="stops">Stops</auro-menuoption>
112
- <auro-menuoption value="price">Price</auro-menuoption>
113
- <auro-menuoption value="duration">Duration</auro-menuoption>
114
- <auro-menuoption value="departure">Departure</auro-menuoption>
115
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
116
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
111
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
112
+ <auro-menuoption value="price-val">Price</auro-menuoption>
113
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
114
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
115
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
116
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
117
117
  </auro-menu>
118
118
  </auro-select>
119
119
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -129,12 +129,12 @@ The `classic` layout is default for `auro-select`. No customization is needed to
129
129
  <span slot="bib.fullscreen.headline">Bib Headline</span>
130
130
  <span slot="label">Select Example</span>
131
131
  <auro-menu>
132
- <auro-menuoption value="stops">Stops</auro-menuoption>
133
- <auro-menuoption value="price">Price</auro-menuoption>
134
- <auro-menuoption value="duration">Duration</auro-menuoption>
135
- <auro-menuoption value="departure">Departure</auro-menuoption>
136
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
137
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
132
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
133
+ <auro-menuoption value="price-val">Price</auro-menuoption>
134
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
135
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
136
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
137
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
138
138
  </auro-menu>
139
139
  </auro-select>
140
140
  ```
@@ -157,74 +157,74 @@ The `emphasized` layout supports the following sizes:
157
157
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
158
158
  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
159
159
  <div style="display: flex; flex-direction: row; gap: 10px;">
160
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" forceDisplayValue style="display:inline-block;">
160
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" forceDisplayValue style="display:inline-block;">
161
161
  <span slot="ariaLabel.bib.close">Close Popup</span>
162
162
  <span slot="label">Select Example</span>
163
163
  <auro-menu nocheckmark>
164
- <auro-menuoption value="flights">
164
+ <auro-menuoption value="flights-val">
165
165
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
166
166
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
167
167
  </auro-menuoption>
168
- <auro-menuoption value="cars">
168
+ <auro-menuoption value="cars-val">
169
169
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
170
170
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
171
171
  </auro-menuoption>
172
- <auro-menuoption value="hotels">
172
+ <auro-menuoption value="hotels-val">
173
173
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
174
174
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
175
175
  </auro-menuoption>
176
- <auro-menuoption value="packages">
176
+ <auro-menuoption value="packages-val">
177
177
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
178
178
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
179
179
  </auro-menuoption>
180
- <auro-menuoption value="cruises">
180
+ <auro-menuoption value="cruises-val">
181
181
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
182
182
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
183
183
  </auro-menuoption>
184
184
  </auro-menu>
185
185
  </auro-select>
186
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" style="display:inline-block;">
186
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" style="display:inline-block;">
187
187
  <span slot="label">Select Example</span>
188
188
  <auro-menu nocheckmark>
189
- <auro-menuoption value="flights">
189
+ <auro-menuoption value="flights-val">
190
190
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
191
191
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
192
192
  </auro-menuoption>
193
- <auro-menuoption value="cars">
193
+ <auro-menuoption value="cars-val">
194
194
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
195
195
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
196
196
  </auro-menuoption>
197
- <auro-menuoption value="hotels">
197
+ <auro-menuoption value="hotels-val">
198
198
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
199
199
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
200
200
  </auro-menuoption>
201
- <auro-menuoption value="packages">
201
+ <auro-menuoption value="packages-val">
202
202
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
203
203
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
204
204
  </auro-menuoption>
205
- <auro-menuoption value="cruises">
205
+ <auro-menuoption value="cruises-val">
206
206
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
207
207
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
208
208
  </auro-menuoption>
209
209
  </auro-menu>
210
210
  </auro-select>
211
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" required style="display:inline-block;">
211
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" required style="display:inline-block;">
212
212
  <span slot="label">Select Example</span>
213
213
  <span slot="helpText">no displayValue in menuoptions</span>
214
214
  <auro-menu nocheckmark>
215
- <auro-menuoption value="flights">
215
+ <auro-menuoption value="flights-val">
216
216
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
217
217
  </auro-menuoption>
218
- <auro-menuoption value="cars">
218
+ <auro-menuoption value="cars-val">
219
219
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
220
220
  </auro-menuoption>
221
- <auro-menuoption value="hotels">
221
+ <auro-menuoption value="hotels-val">
222
222
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
223
223
  </auro-menuoption>
224
- <auro-menuoption value="packages">
224
+ <auro-menuoption value="packages-val">
225
225
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
226
226
  </auro-menuoption>
227
- <auro-menuoption value="cruises">
227
+ <auro-menuoption value="cruises-val">
228
228
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
229
229
  </auro-menuoption>
230
230
  </auro-menu>
@@ -239,74 +239,74 @@ The `emphasized` layout supports the following sizes:
239
239
 
240
240
  ```html
241
241
  <div style="display: flex; flex-direction: row; gap: 10px;">
242
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" forceDisplayValue style="display:inline-block;">
242
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" forceDisplayValue style="display:inline-block;">
243
243
  <span slot="ariaLabel.bib.close">Close Popup</span>
244
244
  <span slot="label">Select Example</span>
245
245
  <auro-menu nocheckmark>
246
- <auro-menuoption value="flights">
246
+ <auro-menuoption value="flights-val">
247
247
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
248
248
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
249
249
  </auro-menuoption>
250
- <auro-menuoption value="cars">
250
+ <auro-menuoption value="cars-val">
251
251
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
252
252
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
253
253
  </auro-menuoption>
254
- <auro-menuoption value="hotels">
254
+ <auro-menuoption value="hotels-val">
255
255
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
256
256
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
257
257
  </auro-menuoption>
258
- <auro-menuoption value="packages">
258
+ <auro-menuoption value="packages-val">
259
259
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
260
260
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
261
261
  </auro-menuoption>
262
- <auro-menuoption value="cruises">
262
+ <auro-menuoption value="cruises-val">
263
263
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
264
264
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
265
265
  </auro-menuoption>
266
266
  </auro-menu>
267
267
  </auro-select>
268
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" style="display:inline-block;">
268
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" style="display:inline-block;">
269
269
  <span slot="label">Select Example</span>
270
270
  <auro-menu nocheckmark>
271
- <auro-menuoption value="flights">
271
+ <auro-menuoption value="flights-val">
272
272
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
273
273
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
274
274
  </auro-menuoption>
275
- <auro-menuoption value="cars">
275
+ <auro-menuoption value="cars-val">
276
276
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
277
277
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
278
278
  </auro-menuoption>
279
- <auro-menuoption value="hotels">
279
+ <auro-menuoption value="hotels-val">
280
280
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
281
281
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
282
282
  </auro-menuoption>
283
- <auro-menuoption value="packages">
283
+ <auro-menuoption value="packages-val">
284
284
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
285
285
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
286
286
  </auro-menuoption>
287
- <auro-menuoption value="cruises">
287
+ <auro-menuoption value="cruises-val">
288
288
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
289
289
  <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
290
290
  </auro-menuoption>
291
291
  </auro-menu>
292
292
  </auro-select>
293
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" required style="display:inline-block;">
293
+ <auro-select layout="emphasized" shape="pill" size="xl" value="flights-val" required style="display:inline-block;">
294
294
  <span slot="label">Select Example</span>
295
295
  <span slot="helpText">no displayValue in menuoptions</span>
296
296
  <auro-menu nocheckmark>
297
- <auro-menuoption value="flights">
297
+ <auro-menuoption value="flights-val">
298
298
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
299
299
  </auro-menuoption>
300
- <auro-menuoption value="cars">
300
+ <auro-menuoption value="cars-val">
301
301
  <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
302
302
  </auro-menuoption>
303
- <auro-menuoption value="hotels">
303
+ <auro-menuoption value="hotels-val">
304
304
  <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
305
305
  </auro-menuoption>
306
- <auro-menuoption value="packages">
306
+ <auro-menuoption value="packages-val">
307
307
  <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
308
308
  </auro-menuoption>
309
- <auro-menuoption value="cruises">
309
+ <auro-menuoption value="cruises-val">
310
310
  <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
311
311
  </auro-menuoption>
312
312
  </auro-menu>
package/components/select/demo/index.min.js CHANGED
@@ -4260,7 +4260,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
4260
4260
  }
4261
4261
  };
4262
4262
 
4263
- var formkitVersion$1 = '202512022205';
4263
+ var formkitVersion$1 = '202512151926';
4264
4264
 
4265
4265
  class AuroElement extends i$3 {
4266
4266
  static get properties() {
@@ -5898,7 +5898,7 @@ class AuroHelpText extends i$3 {
5898
5898
  }
5899
5899
  }
5900
5900
 
5901
- var formkitVersion = '202512022205';
5901
+ var formkitVersion = '202512151926';
5902
5902
 
5903
5903
  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}`;
5904
5904
 
@@ -7832,6 +7832,15 @@ class MenuService {
7832
7832
  return this.multiSelect ? values : values[0];
7833
7833
  }
7834
7834
 
7835
+ /**
7836
+ * Gets the label(s) of the currently selected option(s).
7837
+ * @returns {string}
7838
+ */
7839
+ get currentLabel() {
7840
+ const labels = (this.selectedOptions || []).map(option => option.textContent);
7841
+ return this.multiSelect ? labels.join(", ") : labels[0] || '';
7842
+ }
7843
+
7835
7844
  /**
7836
7845
  * Gets the string representation of the current value(s).
7837
7846
  * For multi-select, this is a JSON stringified array.
@@ -8263,7 +8272,8 @@ class MenuService {
8263
8272
  value: this.currentValue,
8264
8273
  stringValue: this.stringValue,
8265
8274
  keys: this.currentKeys,
8266
- options: this.selectedOptions
8275
+ options: this.selectedOptions,
8276
+ label: this.currentLabel
8267
8277
  };
8268
8278
 
8269
8279
  // If only one option is selected, include its index
@@ -8584,6 +8594,14 @@ class AuroMenu extends AuroElement$1 {
8584
8594
  ];
8585
8595
  }
8586
8596
 
8597
+ /**
8598
+ * @readonly
8599
+ * @returns {string} - Returns the label of the currently selected option(s).
8600
+ */
8601
+ get currentLabel() {
8602
+ return this.menuService.currentLabel;
8603
+ };
8604
+
8587
8605
  /**
8588
8606
  * @readonly
8589
8607
  * @returns {Array<HTMLElement>} - Returns the array of available menu options.
package/components/select/demo/readme.md CHANGED
@@ -88,12 +88,12 @@ This configuration enables proper module resolution for the component's TypeScri
88
88
  <span slot="bib.fullscreen.headline">Bib Headline</span>
89
89
  <span slot="label">Select Example</span>
90
90
  <auro-menu>
91
- <auro-menuoption value="stops">Stops</auro-menuoption>
92
- <auro-menuoption value="price">Price</auro-menuoption>
93
- <auro-menuoption value="duration">Duration</auro-menuoption>
94
- <auro-menuoption value="departure">Departure</auro-menuoption>
95
- <auro-menuoption value="arrival">Arrival</auro-menuoption>
96
- <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
91
+ <auro-menuoption value="stops-val">Stops</auro-menuoption>
92
+ <auro-menuoption value="price-val">Price</auro-menuoption>
93
+ <auro-menuoption value="duration-val">Duration</auro-menuoption>
94
+ <auro-menuoption value="departure-val">Departure</auro-menuoption>
95
+ <auro-menuoption value="arrival-val">Arrival</auro-menuoption>
96
+ <auro-menuoption value="prefer-alaska-val">Prefer Alaska</auro-menuoption>
97
97
  </auro-menu>
98
98
  </auro-select>
99
99
  ```
package/components/select/dist/index.js CHANGED
@@ -4197,7 +4197,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4197
4197
  }
4198
4198
  };
4199
4199
 
4200
- var formkitVersion$1 = '202512022205';
4200
+ var formkitVersion$1 = '202512151926';
4201
4201
 
4202
4202
  class AuroElement extends LitElement {
4203
4203
  static get properties() {
@@ -5835,7 +5835,7 @@ class AuroHelpText extends LitElement {
5835
5835
  }
5836
5836
  }
5837
5837
 
5838
- var formkitVersion = '202512022205';
5838
+ var formkitVersion = '202512151926';
5839
5839
 
5840
5840
  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}`;
5841
5841