@aurodesignsystem-dev/auro-formkit 0.0.0-pr1588.2 → 0.0.0-pr1590.0

package/components/checkbox/demo/customize.min.js

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1495,9 +1495,7 @@ class AuroCheckboxGroup extends i$2 {
       composed: true,
     }));
 
-    if (!this.noValidate) {
-      this.validate(true);
-    }
+    this.validate(true);
   }
 
   firstUpdated() {
@@ -1508,18 +1506,11 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        const group = document.auroCheckboxGroupActive;
-        group.focusWithin = false;
+        document.auroCheckboxGroupActive.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        if (!group.noValidate) {
-          group.validation.validate(group);
-        } else if (group.validity !== undefined) {
-          // Clear stale error state left by a previous validate(true) call
-          group.validity = undefined;
-          group.errorMessage = '';
-        }
+        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
       }
     };
 

package/components/checkbox/demo/getting-started.min.js

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1495,9 +1495,7 @@ class AuroCheckboxGroup extends i$2 {
       composed: true,
     }));
 
-    if (!this.noValidate) {
-      this.validate(true);
-    }
+    this.validate(true);
   }
 
   firstUpdated() {
@@ -1508,18 +1506,11 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        const group = document.auroCheckboxGroupActive;
-        group.focusWithin = false;
+        document.auroCheckboxGroupActive.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        if (!group.noValidate) {
-          group.validation.validate(group);
-        } else if (group.validity !== undefined) {
-          // Clear stale error state left by a previous validate(true) call
-          group.validity = undefined;
-          group.errorMessage = '';
-        }
+        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
       }
     };
 

package/components/checkbox/demo/index.min.js

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1495,9 +1495,7 @@ class AuroCheckboxGroup extends i$2 {
       composed: true,
     }));
 
-    if (!this.noValidate) {
-      this.validate(true);
-    }
+    this.validate(true);
   }
 
   firstUpdated() {
@@ -1508,18 +1506,11 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        const group = document.auroCheckboxGroupActive;
-        group.focusWithin = false;
+        document.auroCheckboxGroupActive.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        if (!group.noValidate) {
-          group.validation.validate(group);
-        } else if (group.validity !== undefined) {
-          // Clear stale error state left by a previous validate(true) call
-          group.validity = undefined;
-          group.errorMessage = '';
-        }
+        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
       }
     };
 

package/components/checkbox/dist/index.js

@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1448,9 +1448,7 @@ class AuroCheckboxGroup extends LitElement {
       composed: true,
     }));
 
-    if (!this.noValidate) {
-      this.validate(true);
-    }
+    this.validate(true);
   }
 
   firstUpdated() {
@@ -1461,18 +1459,11 @@ class AuroCheckboxGroup extends LitElement {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        const group = document.auroCheckboxGroupActive;
-        group.focusWithin = false;
+        document.auroCheckboxGroupActive.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        if (!group.noValidate) {
-          group.validation.validate(group);
-        } else if (group.validity !== undefined) {
-          // Clear stale error state left by a previous validate(true) call
-          group.validity = undefined;
-          group.errorMessage = '';
-        }
+        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
       }
     };
 

package/components/checkbox/dist/registered.js

@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1448,9 +1448,7 @@ class AuroCheckboxGroup extends LitElement {
       composed: true,
     }));
 
-    if (!this.noValidate) {
-      this.validate(true);
-    }
+    this.validate(true);
   }
 
   firstUpdated() {
@@ -1461,18 +1459,11 @@ class AuroCheckboxGroup extends LitElement {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        const group = document.auroCheckboxGroupActive;
-        group.focusWithin = false;
+        document.auroCheckboxGroupActive.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        if (!group.noValidate) {
-          group.validation.validate(group);
-        } else if (group.validity !== undefined) {
-          // Clear stale error state left by a previous validate(true) call
-          group.validity = undefined;
-          group.errorMessage = '';
-        }
+        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
       }
     };
 

package/components/combobox/demo/customize.min.js

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608201531';
+var formkitVersion$2 = '202608201808';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18270,6 +18270,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18301,6 +18313,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18318,7 +18344,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18677,7 +18708,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608201531';
+var formkitVersion$1 = '202608201808';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19099,7 +19130,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19853,7 +19887,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -21548,12 +21582,8 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
-      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined) {
-        // Clear stale error state left by a previous validate(true) call
-        this.validity = undefined;
-        this.errorMessage = null;
       }
     });
 
@@ -21692,7 +21722,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

package/components/combobox/demo/getting-started.min.js

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608201531';
+var formkitVersion$2 = '202608201808';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18270,6 +18270,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18301,6 +18313,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18318,7 +18344,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18677,7 +18708,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608201531';
+var formkitVersion$1 = '202608201808';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19099,7 +19130,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19853,7 +19887,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -21548,12 +21582,8 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
-      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined) {
-        // Clear stale error state left by a previous validate(true) call
-        this.validity = undefined;
-        this.errorMessage = null;
       }
     });
 
@@ -21692,7 +21722,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

package/components/combobox/demo/index.min.js

@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608201531';
+var formkitVersion$2 = '202608201808';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18285,6 +18285,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18316,6 +18328,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18333,7 +18359,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18692,7 +18723,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608201531';
+var formkitVersion$1 = '202608201808';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19114,7 +19145,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19868,7 +19902,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -21563,12 +21597,8 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
-      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined) {
-        // Clear stale error state left by a previous validate(true) call
-        this.validity = undefined;
-        this.errorMessage = null;
       }
     });
 
@@ -21707,7 +21737,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }
 

package/components/combobox/dist/index.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608201531';
+var formkitVersion$2 = '202608201808';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -18196,6 +18196,18 @@ class BaseInput extends AuroElement$1 {
         cardIcon: 'cc-dinersclub',
         maskFormat: "0000 000000 0000"
       },
+      {
+        // JCB is variable length (16-19 digits), like UnionPay, so it reuses the
+        // formatMinLength/formatLength range machinery. The 35 prefix overlaps no
+        // other brand (Amex is 34|37, Diners is 30[0-5]|36|38).
+        name: 'JCB',
+        regex: /^(?<num>35)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-jcb',
+        maskFormat: "0000 0000 0000 0000 000"
+      },
       {
         name: 'Visa',
         regex: /^(?<num>4)\d{0}/u,
@@ -18227,6 +18239,20 @@ class BaseInput extends AuroElement$1 {
         errorMessage: CreditCardValidationMessage,
         cardIcon: 'cc-discover',
         maskFormat: "0000 0000 0000 0000"
+      },
+      {
+        // China UnionPay is variable length (16-19 digits). It must come after
+        // Discover so the last-match-wins loop below gives its 62 prefix
+        // precedence over the generic `6` that resolves to Discover. 81 is used
+        // by UnionPay cards issued outside mainland China and overlaps no other
+        // brand. 60 is intentionally excluded (it overlaps real Discover 6011).
+        name: 'China UnionPay',
+        regex: /^(?<num>62|81)\d{0}/u,
+        formatMinLength: 19,
+        formatLength: 23,
+        errorMessage: CreditCardValidationMessage,
+        cardIcon: 'cc-unionpay',
+        maskFormat: "0000 0000 0000 0000 000"
       }
     ];
 
@@ -18244,7 +18270,12 @@ class BaseInput extends AuroElement$1 {
       }
     });
 
-    this.validationCCLength = type.formatLength;
+    // Variable-length brands (both min and max defined, e.g. UnionPay) validate
+    // against the minimum masked length so shorter-but-valid entries are not
+    // flagged tooShort. Fixed-length brands keep their single formatLength.
+    this.validationCCLength = type.formatMinLength && type.formatLength
+      ? type.formatMinLength
+      : type.formatLength;
 
     return type;
   }
@@ -18603,7 +18634,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608201531';
+var formkitVersion$1 = '202608201808';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19025,7 +19056,10 @@ class AuroInput extends BaseInput {
    */
   definePattern() {
     if (this.type === 'credit-card' && !this.noValidate && this.maxLength) {
-      return `.{${this.maxLength},${this.maxLength}}`;
+      // Variable-length brands (e.g. UnionPay) set minLength, so accept a range;
+      // fixed-length brands leave minLength undefined and keep an exact length.
+      const minPatternLength = this.minLength || this.maxLength;
+      return `.{${minPatternLength},${this.maxLength}}`;
     }
 
     return this.pattern;
@@ -19779,7 +19813,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608201531';
+var formkitVersion = '202608201808';
 
 var styleCss$1 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -21474,12 +21508,8 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
-      } else if (this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen && this.validity !== undefined) {
-        // Clear stale error state left by a previous validate(true) call
-        this.validity = undefined;
-        this.errorMessage = null;
       }
     });
 
@@ -21618,7 +21648,7 @@ class AuroCombobox extends AuroElement {
     // interaction). In fullscreen dialog mode, componentHasFocus returns false
     // because focus is inside the top-layer dialog, so also check
     // dropdownOpen and the fullscreen transition flag.
-    if (!this.noValidate && !this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
+    if (!this.componentHasFocus && !this.dropdownOpen && !this._inFullscreenTransition) {
       this.validate();
     }