@aurodesignsystem-dev/auro-formkit 0.0.0-pr1515.4 → 0.0.0-pr1518.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/customize.min.js +8 -6
  4. package/components/checkbox/demo/getting-started.min.js +8 -6
  5. package/components/checkbox/demo/index.min.js +8 -6
  6. package/components/checkbox/dist/index.js +8 -6
  7. package/components/checkbox/dist/registered.js +8 -6
  8. package/components/combobox/README.md +1 -1
  9. package/components/combobox/demo/customize.md +2 -10
  10. package/components/combobox/demo/customize.min.js +383 -467
  11. package/components/combobox/demo/getting-started.min.js +383 -463
  12. package/components/combobox/demo/index.md +1 -1
  13. package/components/combobox/demo/index.min.js +383 -463
  14. package/components/combobox/demo/keyboard-behavior.md +2 -142
  15. package/components/combobox/demo/readme.md +1 -1
  16. package/components/combobox/demo/why-combobox.md +2 -2
  17. package/components/combobox/dist/auro-combobox.d.ts +30 -14
  18. package/components/combobox/dist/index.js +383 -463
  19. package/components/combobox/dist/registered.js +383 -463
  20. package/components/counter/demo/customize.min.js +10 -8
  21. package/components/counter/demo/index.min.js +10 -8
  22. package/components/counter/dist/index.js +10 -8
  23. package/components/counter/dist/registered.js +10 -8
  24. package/components/datepicker/demo/customize.min.js +226 -206
  25. package/components/datepicker/demo/index.min.js +226 -206
  26. package/components/datepicker/dist/auro-calendar-cell.d.ts +6 -0
  27. package/components/datepicker/dist/auro-calendar.d.ts +30 -1
  28. package/components/datepicker/dist/index.js +226 -206
  29. package/components/datepicker/dist/registered.js +226 -206
  30. package/components/dropdown/demo/customize.min.js +1 -1
  31. package/components/dropdown/demo/getting-started.min.js +1 -1
  32. package/components/dropdown/demo/index.min.js +1 -1
  33. package/components/dropdown/dist/index.js +1 -1
  34. package/components/dropdown/dist/registered.js +1 -1
  35. package/components/form/demo/customize.min.js +712 -856
  36. package/components/form/demo/getting-started.min.js +712 -856
  37. package/components/form/demo/index.min.js +712 -856
  38. package/components/form/demo/registerDemoDeps.min.js +712 -856
  39. package/components/input/demo/customize.min.js +67 -159
  40. package/components/input/demo/getting-started.min.js +67 -159
  41. package/components/input/demo/index.min.js +67 -159
  42. package/components/input/dist/auro-input.d.ts +1 -1
  43. package/components/input/dist/base-input.d.ts +3 -51
  44. package/components/input/dist/index.js +67 -159
  45. package/components/input/dist/registered.js +67 -159
  46. package/components/input/dist/utilities.d.ts +1 -1
  47. package/components/radio/demo/customize.min.js +8 -6
  48. package/components/radio/demo/getting-started.min.js +8 -6
  49. package/components/radio/demo/index.min.js +8 -6
  50. package/components/radio/dist/index.js +8 -6
  51. package/components/radio/dist/registered.js +8 -6
  52. package/components/select/demo/customize.min.js +10 -8
  53. package/components/select/demo/getting-started.min.js +10 -8
  54. package/components/select/demo/index.min.js +10 -8
  55. package/components/select/dist/index.js +10 -8
  56. package/components/select/dist/registered.js +10 -8
  57. package/custom-elements.json +1472 -1668
  58. package/package.json +1 -1
@@ -620,15 +620,17 @@ class AuroFormValidation {
620
620
  );
621
621
  }
622
622
 
623
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
624
- if (this.auroInputElements?.length === 2) {
625
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
623
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
624
+
625
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
626
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
627
+ // field (datepicker is the intended consumer — start/end are independently required).
628
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
629
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
626
630
  hasValue = false;
627
631
  }
628
632
  }
629
633
 
630
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
631
-
632
634
  if (isCombobox) {
633
635
 
634
636
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1099,7 +1101,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1101
  }
1100
1102
  };
1101
1103
 
1102
- var formkitVersion$1 = '202606291837';
1104
+ var formkitVersion$1 = '202607011652';
1103
1105
 
1104
1106
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1105
1107
  // See LICENSE in the project root for license information.
@@ -5445,7 +5447,7 @@ class AuroHelpText extends i$2 {
5445
5447
  }
5446
5448
  }
5447
5449
 
5448
- var formkitVersion = '202606291837';
5450
+ var formkitVersion = '202607011652';
5449
5451
 
5450
5452
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5453
  static get properties() {
@@ -6844,7 +6846,7 @@ class AuroDropdown extends AuroElement$1 {
6844
6846
 
6845
6847
  var colorCss$1 = i$5`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
6846
6848
 
6847
- var styleCss$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
6849
+ var styleCss$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
6848
6850
 
6849
6851
  var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
6850
6852
 
@@ -620,15 +620,17 @@ class AuroFormValidation {
620
620
  );
621
621
  }
622
622
 
623
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
624
- if (this.auroInputElements?.length === 2) {
625
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
623
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
624
+
625
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
626
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
627
+ // field (datepicker is the intended consumer — start/end are independently required).
628
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
629
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
626
630
  hasValue = false;
627
631
  }
628
632
  }
629
633
 
630
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
631
-
632
634
  if (isCombobox) {
633
635
 
634
636
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1099,7 +1101,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1101
  }
1100
1102
  };
1101
1103
 
1102
- var formkitVersion$1 = '202606291837';
1104
+ var formkitVersion$1 = '202607011652';
1103
1105
 
1104
1106
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1105
1107
  // See LICENSE in the project root for license information.
@@ -5445,7 +5447,7 @@ class AuroHelpText extends i$2 {
5445
5447
  }
5446
5448
  }
5447
5449
 
5448
- var formkitVersion = '202606291837';
5450
+ var formkitVersion = '202607011652';
5449
5451
 
5450
5452
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5453
  static get properties() {
@@ -6844,7 +6846,7 @@ class AuroDropdown extends AuroElement$1 {
6844
6846
 
6845
6847
  var colorCss$1 = i$5`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
6846
6848
 
6847
- var styleCss$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
6849
+ var styleCss$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
6848
6850
 
6849
6851
  var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
6850
6852
 
@@ -576,15 +576,17 @@ class AuroFormValidation {
576
576
  );
577
577
  }
578
578
 
579
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
580
- if (this.auroInputElements?.length === 2) {
581
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
579
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
580
+
581
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
582
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
583
+ // field (datepicker is the intended consumer — start/end are independently required).
584
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
585
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
582
586
  hasValue = false;
583
587
  }
584
588
  }
585
589
 
586
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
587
-
588
590
  if (isCombobox) {
589
591
 
590
592
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1049,7 +1051,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1051
  }
1050
1052
  };
1051
1053
 
1052
- var formkitVersion$1 = '202606291837';
1054
+ var formkitVersion$1 = '202607011652';
1053
1055
 
1054
1056
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1055
1057
  // See LICENSE in the project root for license information.
@@ -5377,7 +5379,7 @@ class AuroHelpText extends LitElement {
5377
5379
  }
5378
5380
  }
5379
5381
 
5380
- var formkitVersion = '202606291837';
5382
+ var formkitVersion = '202607011652';
5381
5383
 
5382
5384
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5385
  static get properties() {
@@ -6776,7 +6778,7 @@ class AuroDropdown extends AuroElement$1 {
6776
6778
 
6777
6779
  var colorCss$1 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
6778
6780
 
6779
- var styleCss$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
6781
+ var styleCss$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
6780
6782
 
6781
6783
  var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
6782
6784
 
@@ -576,15 +576,17 @@ class AuroFormValidation {
576
576
  );
577
577
  }
578
578
 
579
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
580
- if (this.auroInputElements?.length === 2) {
581
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
579
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
580
+
581
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
582
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
583
+ // field (datepicker is the intended consumer — start/end are independently required).
584
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
585
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
582
586
  hasValue = false;
583
587
  }
584
588
  }
585
589
 
586
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
587
-
588
590
  if (isCombobox) {
589
591
 
590
592
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1049,7 +1051,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1051
  }
1050
1052
  };
1051
1053
 
1052
- var formkitVersion$1 = '202606291837';
1054
+ var formkitVersion$1 = '202607011652';
1053
1055
 
1054
1056
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1055
1057
  // See LICENSE in the project root for license information.
@@ -5377,7 +5379,7 @@ class AuroHelpText extends LitElement {
5377
5379
  }
5378
5380
  }
5379
5381
 
5380
- var formkitVersion = '202606291837';
5382
+ var formkitVersion = '202607011652';
5381
5383
 
5382
5384
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5385
  static get properties() {
@@ -6776,7 +6778,7 @@ class AuroDropdown extends AuroElement$1 {
6776
6778
 
6777
6779
  var colorCss$1 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
6778
6780
 
6779
- var styleCss$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
6781
+ var styleCss$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
6780
6782
 
6781
6783
  var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
6782
6784