@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.2 → 0.0.0-pr1628.4

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 (65) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +5 -5
  7. package/components/combobox/demo/getting-started.min.js +5 -5
  8. package/components/combobox/demo/index.min.js +5 -5
  9. package/components/combobox/dist/index.js +5 -5
  10. package/components/combobox/dist/registered.js +5 -5
  11. package/components/counter/demo/customize.min.js +4 -4
  12. package/components/counter/demo/getting-started.min.js +4 -4
  13. package/components/counter/demo/index.min.js +4 -4
  14. package/components/counter/dist/index.js +4 -4
  15. package/components/counter/dist/registered.js +4 -4
  16. package/components/datepicker/demo/accessibility.md +3 -3
  17. package/components/datepicker/demo/api.md +3 -3
  18. package/components/datepicker/demo/customize.md +10 -10
  19. package/components/datepicker/demo/customize.min.js +32 -20
  20. package/components/datepicker/demo/design.md +9 -9
  21. package/components/datepicker/demo/getting-started.md +3 -3
  22. package/components/datepicker/demo/getting-started.min.js +32 -20
  23. package/components/datepicker/demo/index.md +3 -3
  24. package/components/datepicker/demo/index.min.js +32 -20
  25. package/components/datepicker/demo/voiceover.md +1 -1
  26. package/components/datepicker/dist/auro-calendar.d.ts +1 -1
  27. package/components/datepicker/dist/auro-datepicker.d.ts +3 -3
  28. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +3 -0
  29. package/components/datepicker/dist/index.js +32 -20
  30. package/components/datepicker/dist/registered.js +32 -20
  31. package/components/datepicker/dist/utilities.d.ts +3 -0
  32. package/components/datepicker/dist/utilitiesCalendar.d.ts +3 -0
  33. package/components/datepicker/dist/utilitiesCalendarRender.d.ts +3 -0
  34. package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-calendar.d.ts +4 -4
  35. package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker.d.ts +7 -7
  36. package/components/dropdown/demo/api.md +5 -5
  37. package/components/dropdown/demo/customize.md +1 -1
  38. package/components/dropdown/demo/customize.min.js +3 -3
  39. package/components/dropdown/demo/design.md +4 -4
  40. package/components/dropdown/demo/getting-started.min.js +4 -4
  41. package/components/dropdown/demo/index.min.js +3 -3
  42. package/components/dropdown/dist/auro-dropdown.d.ts +2 -2
  43. package/components/dropdown/dist/index.js +3 -3
  44. package/components/dropdown/dist/registered.js +3 -3
  45. package/components/form/demo/customize.min.js +48 -36
  46. package/components/form/demo/getting-started.min.js +48 -36
  47. package/components/form/demo/index.min.js +48 -36
  48. package/components/form/demo/registerDemoDeps.min.js +48 -36
  49. package/components/input/demo/customize.min.js +1 -1
  50. package/components/input/demo/getting-started.min.js +1 -1
  51. package/components/input/demo/index.min.js +1 -1
  52. package/components/input/dist/index.js +1 -1
  53. package/components/input/dist/registered.js +1 -1
  54. package/components/radio/demo/customize.min.js +1 -1
  55. package/components/radio/demo/getting-started.min.js +1 -1
  56. package/components/radio/demo/index.min.js +1 -1
  57. package/components/radio/dist/index.js +1 -1
  58. package/components/radio/dist/registered.js +1 -1
  59. package/components/select/demo/customize.min.js +4 -4
  60. package/components/select/demo/getting-started.min.js +4 -4
  61. package/components/select/demo/index.min.js +4 -4
  62. package/components/select/dist/index.js +4 -4
  63. package/components/select/dist/registered.js +4 -4
  64. package/custom-elements.json +14 -13
  65. package/package.json +1 -1
@@ -10614,6 +10614,9 @@ function getDateFormatFromLocale$1 (locale) {
10614
10614
  /* eslint-disable array-element-newline, dot-location */
10615
10615
 
10616
10616
 
10617
+ /**
10618
+ * Date helpers the datepicker and its calendar share, such as finding the first day of a month and counting the months between two dates.
10619
+ */
10617
10620
  class AuroDatepickerUtilities {
10618
10621
 
10619
10622
  /**
@@ -10665,6 +10668,9 @@ class AuroDatepickerUtilities {
10665
10668
  }
10666
10669
  }
10667
10670
 
10671
+ /**
10672
+ * Helpers the datepicker and its calendar use to set the month the calendar shows, and to choose and render the calendar's months.
10673
+ */
10668
10674
  class UtilitiesCalendarRender {
10669
10675
  constructor() {
10670
10676
  this.util = new AuroDatepickerUtilities();
@@ -11100,12 +11106,12 @@ class RangeDatepickerCalendar extends LitElement {
11100
11106
  super();
11101
11107
 
11102
11108
  /**
11103
- * Date from. Format is Unix timestamp.
11109
+ * Sets the chosen date, or the start date of a range, as a Unix timestamp in seconds.
11104
11110
  */
11105
11111
  this.dateFrom = null;
11106
11112
 
11107
11113
  /**
11108
- * Date to. Format is Unix timestamp.
11114
+ * Sets the end date of a range, as a Unix timestamp in seconds.
11109
11115
  */
11110
11116
  this.dateTo = null;
11111
11117
  this.hoveredDate = null;
@@ -11119,12 +11125,12 @@ class RangeDatepickerCalendar extends LitElement {
11119
11125
  this.disabledDays = [];
11120
11126
 
11121
11127
  /**
11122
- * Max date. Format is Unix timestamp.
11128
+ * Sets the latest date people can choose, as a Unix timestamp in seconds.
11123
11129
  */
11124
11130
  this.max = null;
11125
11131
 
11126
11132
  /**
11127
- * Minimal date. Format is Unix timestamp.
11133
+ * Sets the earliest date people can choose, as a Unix timestamp in seconds.
11128
11134
  */
11129
11135
  this.min = null;
11130
11136
  this.yearsList = [];
@@ -12975,37 +12981,37 @@ class RangeDatepicker extends LitElement {
12975
12981
  super();
12976
12982
 
12977
12983
  /**
12978
- * Array of disabled days. Format is Unix timestamp.
12984
+ * Sets dates people can't select, as Unix timestamps in seconds.
12979
12985
  */
12980
12986
  this.disabledDays = [];
12981
12987
 
12982
12988
  /**
12983
- * Display a select year control.
12989
+ * Shows the previous and next month buttons on every month, and lets each month change on its own. It doesn't currently show a control for choosing the year.
12984
12990
  */
12985
12991
  this.enableYearChange = false;
12986
12992
 
12987
12993
  /**
12988
- * Force display of only one month.
12994
+ * Shows one month at a time, even on screens wider than 650 pixels.
12989
12995
  */
12990
12996
  this.forceNarrow = false;
12991
12997
 
12992
12998
  /**
12993
- * Set locale of the calendar.
12999
+ * Sets the date-fns locale object used for the month and weekday names, such as `enUS`. Uses `enUS` when not set.
12994
13000
  */
12995
13001
  this.locale = null;
12996
13002
 
12997
13003
  /**
12998
- * Max date. Format is Unix timestamp.
13004
+ * Sets the latest date people can choose, as a Unix timestamp in seconds.
12999
13005
  */
13000
13006
  this.max = '8640000000000';
13001
13007
 
13002
13008
  /**
13003
- * Minimal date. Format is Unix timestamp.
13009
+ * Sets the earliest date people can choose, as a Unix timestamp in seconds.
13004
13010
  */
13005
13011
  this.min = '-8640000000000';
13006
13012
 
13007
13013
  /**
13008
- * If true only one date can be selected.
13014
+ * Lets people choose only one date instead of a start date and an end date.
13009
13015
  */
13010
13016
  this.noRange = false;
13011
13017
  this.dateFrom = null;
@@ -13221,6 +13227,9 @@ var chevronLeft = {"role":"img","color":"currentColor","title":"","desc":"Direct
13221
13227
 
13222
13228
  var chevronRight = {"role":"img","color":"currentColor","title":"","desc":"Directional indicator; right.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"chevron-right","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"chevron-right__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"chevron-right__desc\">Directional indicator; right.</desc><path d=\"m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072\"/></svg>"};
13223
13229
 
13230
+ /**
13231
+ * Helpers the datepicker's calendar uses to change the month it shows, show or hide the previous and next month buttons, and scroll to a month.
13232
+ */
13224
13233
  class CalendarUtilities {
13225
13234
  constructor() {
13226
13235
  this.util = new AuroDatepickerUtilities();
@@ -13831,7 +13840,7 @@ class AuroBibtemplate extends LitElement {
13831
13840
  }
13832
13841
  }
13833
13842
 
13834
- var formkitVersion$2 = '202611081803';
13843
+ var formkitVersion$2 = '202611081829';
13835
13844
 
13836
13845
  let l$1 = class l{generateElementName(e,t){let s=e;return s+="-",s+=t.replace(/[.]/g,"_"),s}generateTag(s,o,a){const r=this.generateElementName(s,o),i=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let h$1 = class h{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`),o=(s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return o||null}};let d$1 = class d{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var c$1=css`:host{color:var(--ds-auro-loader-color)}:host>.loader-shape>span{border-color:var(--ds-auro-loader-border-color);background-color:var(--ds-auro-loader-background-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>.loader-shape>span{--ds-auro-loader-background-color: transparent}:host([orbit])>.loader-shape>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>.loader-shape>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
13837
13846
  `,u$4=css`.body-default{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-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{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-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{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-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{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-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{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-sm-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{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-sm-emphasized-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{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-xs-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{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-xs-emphasized-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-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, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{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-emphasized-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, .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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);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-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);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-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .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-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .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-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .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-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .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-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .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-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .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(.875rem, 1.1666666667vw, .875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host{position:relative;display:inline-flex;flex-direction:column;align-items:center}:host([message-position=top]){flex-direction:column-reverse}:host([message-position=left]){flex-direction:row-reverse}:host([message-position=right]){flex-direction:row}:host([has-message]){gap:var(--ds-auro-loader-message-spacing)}.loader-shape{position:relative;display:inline-block;width:2rem;height:2rem;flex-shrink:0;font-size:0}.loader-shape>span{position:absolute;top:0;left:0;display:inline-block;width:2rem;height:2rem;box-sizing:border-box;border-width:0;border-style:solid;border-radius:100%;float:none}:host([xs])>.loader-shape{width:1.2rem;height:1.2rem}:host([xs])>.loader-shape>span{width:1.2rem;height:1.2rem}:host([sm])>.loader-shape{width:3rem;height:3rem}:host([sm])>.loader-shape>span{width:3rem;height:3rem}:host([md])>.loader-shape{width:5rem;height:5rem}:host([md])>.loader-shape>span{width:5rem;height:5rem}:host([lg])>.loader-shape{width:8rem;height:8rem}:host([lg])>.loader-shape>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]){position:relative}:host([pulse])>.loader-shape{position:relative;width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>.loader-shape>span{position:relative;width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse])>.loader-shape>span:nth-child(1){animation-delay:-.4s}:host([pulse])>.loader-shape>span:nth-child(2){animation-delay:-.2s}:host([pulse])>.loader-shape>span:nth-child(3){animation-delay:0ms}:host([pulse][xs])>.loader-shape{width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>.loader-shape>span{width:.65rem;height:.65rem;margin:var(--margin-xs)}:host([pulse][sm])>.loader-shape{width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>.loader-shape>span{width:2rem;height:2rem;margin:var(--margin-sm)}:host([pulse][md])>.loader-shape{width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>.loader-shape>span{width:3rem;height:3rem;margin:var(--margin-md)}:host([pulse][lg])>.loader-shape{width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>.loader-shape>span{width:5rem;height:5rem;margin:var(--margin-lg)}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]){opacity:1}:host([orbit])>.loader-shape>span{border-width:5px;opacity:1}:host([orbit])>.loader-shape>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>.loader-shape>span{border-width:8px}:host([orbit][md])>.loader-shape>span{border-width:13px}:host([orbit][lg])>.loader-shape>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>.loader-shape>svg{width:100%;height:100%;animation:rotate 2s linear infinite;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{animation:ringworm 1.5s ease-in-out infinite;stroke-dashoffset:0;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;display:block;overflow:hidden;width:100%;height:0;font-size:unset}:host([laser])>.no-animation,:host([laser])>.message-region{display:none}:host([laser])>.loader-shape>span{position:fixed;z-index:100;width:100%;height:.25rem;border-radius:0}:host([laser])>.loader-shape>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>.loader-shape>span:nth-child(2){width:50%;border-color:currentcolor;animation:laser 2s linear infinite;opacity:1}:host([laser][sm])>.loader-shape>span:nth-child(2){width:20%}:host([laser][md])>.loader-shape>span:nth-child(2){width:30%}:host([laser][lg])>.loader-shape>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>.loader-shape>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}.message-region{min-width:0;color:var(--ds-auro-loader-message-color)}.message-list{padding:0;margin:0}slot[name=message]::slotted([hidden]){display:none!important}:host>.no-animation{display:none;min-width:0}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>.loader-shape{display:none}:host>.loader-shape>span{opacity:1}:host>.no-animation{display:block}:host([has-default-content])>.message-region{display:none}:host([has-message]:not([has-default-content]))>.no-animation{display:none}}
@@ -13924,7 +13933,7 @@ var buttonVersion$1 = '12.3.2';
13924
13933
  * @event auroCalendar-dateSelected - Notifies that someone selected a date in the calendar.
13925
13934
  * @event auroCalendar-centralDateChanged - Notifies that the month shown has changed. Doesn't bubble; `event.detail.date` is the new `centralDate`.
13926
13935
  * @event auroCalendar-dismissRequest - Notifies that someone selected the close or Done button, so the datepicker closes the dropdown.
13927
- * @event narrow-changedProperties - Notifies that the calendar's narrow (mobile) layout state has changed.
13936
+ * @event narrow-changedProperties - Notifies once, after the calendar first renders, with `event.detail.value` set to `false`. The calendar doesn't currently track whether the screen is narrow, so the event doesn't fire again.
13928
13937
  */
13929
13938
  class AuroCalendar extends RangeDatepicker {
13930
13939
  constructor() {
@@ -19955,7 +19964,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
19955
19964
  }
19956
19965
  };
19957
19966
 
19958
- var formkitVersion$1 = '202611081803';
19967
+ var formkitVersion$1 = '202611081829';
19959
19968
 
19960
19969
  /**
19961
19970
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -20121,8 +20130,8 @@ let AuroElement$2 = class AuroElement extends LitElement {
20121
20130
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
20122
20131
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
20123
20132
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
20124
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
20125
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
20133
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
20134
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
20126
20135
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
20127
20136
  */
20128
20137
  class AuroDropdown extends AuroElement$2 {
@@ -34129,7 +34138,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
34129
34138
  }
34130
34139
  };
34131
34140
 
34132
- var formkitVersion = '202611081803';
34141
+ var formkitVersion = '202611081829';
34133
34142
 
34134
34143
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
34135
34144
  // See LICENSE in the project root for license information.
@@ -35648,6 +35657,9 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
35648
35657
  // This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
35649
35658
  // added, handlers should go here following the same strategy pattern used by
35650
35659
  // auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
35660
+ /**
35661
+ * Holds the datepicker's keyboard handlers, one function each for `Escape`, `Enter`, and the space bar. Escape closes the open calendar without closing a dialog or drawer around it, and Enter or Space opens the closed calendar unless the clear button has focus.
35662
+ */
35651
35663
  const datepickerKeyboardStrategy = {
35652
35664
  Escape(component, evt, ctx) {
35653
35665
  if (!ctx.isExpanded) {
@@ -35722,7 +35734,7 @@ const datepickerKeyboardStrategy = {
35722
35734
  * - **Limits and unavailable dates**: `minDate` and `maxDate` turn off dates outside a range, and `blackoutDates` marks single dates people can't select.
35723
35735
  * - **Validation**: `required` shows an error when no date is chosen, and the `setCustomValidity` attributes replace the built-in error messages.
35724
35736
  * - **Content on dates**: The `date_YYYY_MM_DD` and `popover_YYYY_MM_DD` slots add content to a date in the calendar, such as a price.
35725
- * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate every other label.
35737
+ * - **Localization**: `locale` sets the date format and the month and weekday names, and attributes and slots let you translate most other text, except the calendar's Done button and the word "selected" in screen reader announcements.
35726
35738
  * - **Fullscreen on small screens**: `fullscreenBreakpoint` sets the screen size at or below which the calendar opens fullscreen.
35727
35739
  *
35728
35740
  * **Example**
@@ -36179,7 +36191,7 @@ class AuroDatePicker extends AuroElement {
36179
36191
  },
36180
36192
 
36181
36193
  /**
36182
- * Sets the shape of the datepicker.
36194
+ * Sets the shape of the date field. Use `classic` (the default) with the `classic` layout, and `snowflake` with the `snowflake` layout.
36183
36195
  * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
36184
36196
  * @default 'classic'
36185
36197
  * @category ui
@@ -36191,7 +36203,7 @@ class AuroDatePicker extends AuroElement {
36191
36203
  },
36192
36204
 
36193
36205
  /**
36194
- * Sets the size of the datepicker.
36206
+ * Sets the height of the date field, from `xs`, the shortest, to `xl`, the tallest. The `classic` and `snowflake` shapes have a fixed height, so `size` doesn't change them. The `rounded` shape supports only `lg`, and the `pill`, `pill-left`, and `pill-right` shapes support only `md` and `xl`.
36195
36207
  * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
36196
36208
  * @default 'lg'
36197
36209
  * @category ui
@@ -1,3 +1,6 @@
1
+ /**
2
+ * Date helpers the datepicker and its calendar share, such as finding the first day of a month and counting the months between two dates.
3
+ */
1
4
  export class AuroDatepickerUtilities {
2
5
  /**
3
6
  * Converts a date to a `Date` object for the first day of its month, at local midnight.
@@ -1,3 +1,6 @@
1
+ /**
2
+ * Helpers the datepicker's calendar uses to change the month it shows, show or hide the previous and next month buttons, and scroll to a month.
3
+ */
1
4
  export class CalendarUtilities {
2
5
  util: AuroDatepickerUtilities;
3
6
  /**
@@ -1,3 +1,6 @@
1
+ /**
2
+ * Helpers the datepicker and its calendar use to set the month the calendar shows, and to choose and render the calendar's months.
3
+ */
1
4
  export class UtilitiesCalendarRender {
2
5
  util: AuroDatepickerUtilities;
3
6
  /**
@@ -1,10 +1,10 @@
1
1
  export class RangeDatepickerCalendar extends LitElement {
2
2
  /**
3
- * Date from. Format is Unix timestamp.
3
+ * Sets the chosen date, or the start date of a range, as a Unix timestamp in seconds.
4
4
  */
5
5
  dateFrom: any;
6
6
  /**
7
- * Date to. Format is Unix timestamp.
7
+ * Sets the end date of a range, as a Unix timestamp in seconds.
8
8
  */
9
9
  dateTo: any;
10
10
  hoveredDate: any;
@@ -17,11 +17,11 @@ export class RangeDatepickerCalendar extends LitElement {
17
17
  year: number;
18
18
  disabledDays: any[];
19
19
  /**
20
- * Max date. Format is Unix timestamp.
20
+ * Sets the latest date people can choose, as a Unix timestamp in seconds.
21
21
  */
22
22
  max: any;
23
23
  /**
24
- * Minimal date. Format is Unix timestamp.
24
+ * Sets the earliest date people can choose, as a Unix timestamp in seconds.
25
25
  */
26
26
  min: any;
27
27
  yearsList: any[];
@@ -1,30 +1,30 @@
1
1
  export class RangeDatepicker extends LitElement {
2
2
  /**
3
- * Array of disabled days. Format is Unix timestamp.
3
+ * Sets dates people can't select, as Unix timestamps in seconds.
4
4
  */
5
5
  disabledDays: any[];
6
6
  /**
7
- * Display a select year control.
7
+ * Shows the previous and next month buttons on every month, and lets each month change on its own. It doesn't currently show a control for choosing the year.
8
8
  */
9
9
  enableYearChange: boolean;
10
10
  /**
11
- * Force display of only one month.
11
+ * Shows one month at a time, even on screens wider than 650 pixels.
12
12
  */
13
13
  forceNarrow: boolean;
14
14
  /**
15
- * Set locale of the calendar.
15
+ * Sets the date-fns locale object used for the month and weekday names, such as `enUS`. Uses `enUS` when not set.
16
16
  */
17
17
  locale: any;
18
18
  /**
19
- * Max date. Format is Unix timestamp.
19
+ * Sets the latest date people can choose, as a Unix timestamp in seconds.
20
20
  */
21
21
  max: string;
22
22
  /**
23
- * Minimal date. Format is Unix timestamp.
23
+ * Sets the earliest date people can choose, as a Unix timestamp in seconds.
24
24
  */
25
25
  min: string;
26
26
  /**
27
- * If true only one date can be selected.
27
+ * Lets people choose only one date instead of a start date and an end date.
28
28
  */
29
29
  noRange: boolean;
30
30
  dateFrom: any;
@@ -69,11 +69,11 @@ A trigger that opens a panel, called the bib, to show interactive content, such
69
69
 
70
70
  ### Events
71
71
 
72
- | Name | Description |
73
- | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
74
- | auroDropdown-idAdded | Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`. |
75
- | auroDropdown-toggled | Notifies that the bib opened or closed. |
76
- | auroDropdown-triggerClick | Notifies that the trigger was clicked, or activated with Enter or Space. |
72
+ | Name | Description |
73
+ | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
74
+ | auroDropdown-idAdded | Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`. |
75
+ | auroDropdown-toggled | Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`. |
76
+ | auroDropdown-triggerClick | Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it. |
77
77
 
78
78
  ### Slots
79
79
 
@@ -540,7 +540,7 @@
540
540
  <section>
541
541
  <auro-header level="2" id="customBehavior">Behavior</auro-header>
542
542
  <auro-header level="3" id="chevron">Chevron</auro-header>
543
- <p>Use the <code>chevron</code> attribute to add a chevron icon to the dropdown trigger indicating expand/collapse state.</p>
543
+ <p>Use the <code>chevron</code> attribute to show a chevron on the trigger that points up while the bib is open and down while it's closed.</p>
544
544
  <div class="exampleWrapper">
545
545
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/chevron.html) -->
546
546
  <!-- The below content is automatically added from ./../apiExamples/chevron.html -->
@@ -4107,7 +4107,7 @@ class AuroHelpText extends i {
4107
4107
  }
4108
4108
  }
4109
4109
 
4110
- var formkitVersion = '202611081803';
4110
+ var formkitVersion = '202611081829';
4111
4111
 
4112
4112
  /**
4113
4113
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -4273,8 +4273,8 @@ class AuroElement extends i {
4273
4273
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
4274
4274
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
4275
4275
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
4276
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
4277
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
4276
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
4277
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
4278
4278
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
4279
4279
  */
4280
4280
  class AuroDropdown extends AuroElement {
@@ -8,16 +8,16 @@
8
8
  <p>The component consists of the following elements:</p>
9
9
  <ul>
10
10
  <li>
11
- <strong>Trigger:</strong> shows the component label or content, and changes to reflect the component's state, such as <code>focus</code>, <code>hover</code>, or <code>disabled</code>.
11
+ <strong>Trigger:</strong> Shows the component label or content, and changes to reflect the component's state, such as <code>focus</code>, <code>hover</code>, or <code>disabled</code>.
12
12
  </li>
13
13
  <li>
14
- <strong>Bib:</strong> the expandable content area that is shown/hidden when the trigger is activated.
14
+ <strong>Bib:</strong> Holds the dropdown's content, and opens and closes when someone activates the trigger.
15
15
  </li>
16
16
  <li>
17
- <strong>Chevron:</strong> an optional icon indicating the expanded/collapsed state of the dropdown. Visible when the <code>chevron</code> attribute is set.
17
+ <strong>Chevron:</strong> Points up while the bib is open and down while it's closed. It appears only when the <code>chevron</code> attribute is set.
18
18
  </li>
19
19
  <li>
20
- <strong>Help text:</strong> text below the trigger that helps people understand how to use the dropdown.
20
+ <strong>Help text:</strong> Shows text below the trigger that helps people understand how to use the dropdown.
21
21
  </li>
22
22
  </ul>
23
23
  <auro-header level="4" id="trigger">Trigger</auro-header>
@@ -4107,7 +4107,7 @@ let AuroHelpText$1 = class AuroHelpText extends i {
4107
4107
  }
4108
4108
  };
4109
4109
 
4110
- var formkitVersion$1 = '202611081803';
4110
+ var formkitVersion$1 = '202611081829';
4111
4111
 
4112
4112
  /**
4113
4113
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -4273,8 +4273,8 @@ let AuroElement$1 = class AuroElement extends i {
4273
4273
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
4274
4274
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
4275
4275
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
4276
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
4277
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
4276
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
4277
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
4278
4278
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
4279
4279
  */
4280
4280
  class AuroDropdown extends AuroElement$1 {
@@ -18288,7 +18288,7 @@ class AuroHelpText extends i {
18288
18288
  }
18289
18289
  }
18290
18290
 
18291
- var formkitVersion = '202611081803';
18291
+ var formkitVersion = '202611081829';
18292
18292
 
18293
18293
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18294
18294
  // See LICENSE in the project root for license information.
@@ -4134,7 +4134,7 @@ class AuroHelpText extends i {
4134
4134
  }
4135
4135
  }
4136
4136
 
4137
- var formkitVersion = '202611081803';
4137
+ var formkitVersion = '202611081829';
4138
4138
 
4139
4139
  /**
4140
4140
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -4300,8 +4300,8 @@ class AuroElement extends i {
4300
4300
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
4301
4301
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
4302
4302
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
4303
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
4304
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
4303
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
4304
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
4305
4305
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
4306
4306
  */
4307
4307
  class AuroDropdown extends AuroElement {
@@ -28,8 +28,8 @@
28
28
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
29
29
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
30
30
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
31
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
32
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
31
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
32
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
33
33
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
34
34
  */
35
35
  export class AuroDropdown extends AuroElement {
@@ -4039,7 +4039,7 @@ class AuroHelpText extends LitElement {
4039
4039
  }
4040
4040
  }
4041
4041
 
4042
- var formkitVersion = '202611081803';
4042
+ var formkitVersion = '202611081829';
4043
4043
 
4044
4044
  /**
4045
4045
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -4205,8 +4205,8 @@ class AuroElement extends LitElement {
4205
4205
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
4206
4206
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
4207
4207
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
4208
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
4209
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
4208
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
4209
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
4210
4210
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
4211
4211
  */
4212
4212
  class AuroDropdown extends AuroElement {
@@ -4039,7 +4039,7 @@ class AuroHelpText extends LitElement {
4039
4039
  }
4040
4040
  }
4041
4041
 
4042
- var formkitVersion = '202611081803';
4042
+ var formkitVersion = '202611081829';
4043
4043
 
4044
4044
  /**
4045
4045
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -4205,8 +4205,8 @@ class AuroElement extends LitElement {
4205
4205
  * @csspart chevron - The container for the icon that shows whether the bib is open. Exists only when `chevron` is set.
4206
4206
  * @csspart size - A hidden sizing element whose `width`, `height`, `max-width`, and `max-height` are copied to the bib. Applies only when `matchWidth` is set.
4207
4207
  * @csspart helpText - The help text container. Not currently rendered, so styles set on it have no effect; style the content in the `helpText` slot instead.
4208
- * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space.
4209
- * @event auroDropdown-toggled - Notifies that the bib opened or closed.
4208
+ * @event auroDropdown-triggerClick - Notifies that the trigger was clicked, or activated with Enter or Space. A click currently fires it twice: first with `event.detail.expanded`, then again without a detail, bubbling. With `disableEventShow` set, only the second one fires, and Enter and Space don't fire it.
4209
+ * @event auroDropdown-toggled - Notifies that the bib opened or closed, with `event.detail.expanded` set to true when it opened. When it closed, `event.detail.eventType` says why, such as `click`, `keydown`, or `focusloss`.
4210
4210
  * @event auroDropdown-idAdded - Notifies that the dropdown has an ID you can use to reference its bib, such as in `aria-controls`. The detail's `id` is the dropdown's own `id`, generated when not set, and the bib's ID is that value followed by `-floater-bib`.
4211
4211
  */
4212
4212
  class AuroDropdown extends AuroElement {