@aurodesignsystem/auro-formkit 2.0.0-beta.2 → 2.0.0-beta.4

package/.turbo/cache/013a48308b893dac-meta.json

@@ -1 +1 @@
-{"hash":"013a48308b893dac","duration":1793}
+{"hash":"013a48308b893dac","duration":1733}

package/.turbo/cache/02244170c798a2bd-meta.json

@@ -0,0 +1 @@
+{"hash":"02244170c798a2bd","duration":18146}

package/.turbo/cache/051ff97a20add0e2-meta.json

@@ -0,0 +1 @@
+{"hash":"051ff97a20add0e2","duration":1909}

package/.turbo/cache/07ca42419b9f050c-meta.json

@@ -1 +1 @@
-{"hash":"07ca42419b9f050c","duration":5115}
+{"hash":"07ca42419b9f050c","duration":4612}

package/.turbo/cache/0cea4c1f34f3683b-meta.json

@@ -1 +1 @@
-{"hash":"0cea4c1f34f3683b","duration":1835}
+{"hash":"0cea4c1f34f3683b","duration":1600}

package/.turbo/cache/0ea853339c064fa1-meta.json

@@ -0,0 +1 @@
+{"hash":"0ea853339c064fa1","duration":1200}

package/.turbo/cache/16658beec9f4a809-meta.json

@@ -0,0 +1 @@
+{"hash":"16658beec9f4a809","duration":2320}

package/.turbo/cache/17259cf94d8f8925-meta.json

@@ -1 +1 @@
-{"hash":"17259cf94d8f8925","duration":1770}
+{"hash":"17259cf94d8f8925","duration":2972}

package/.turbo/cache/1b9818717e4bdf9f-meta.json

@@ -0,0 +1 @@
+{"hash":"1b9818717e4bdf9f","duration":6364}

package/.turbo/cache/1c0f580d37370ba2-meta.json

@@ -0,0 +1 @@
+{"hash":"1c0f580d37370ba2","duration":3098}

package/.turbo/cache/1c99a949ec63ab35-meta.json

@@ -1 +1 @@
-{"hash":"1c99a949ec63ab35","duration":1908}
+{"hash":"1c99a949ec63ab35","duration":1582}

package/.turbo/cache/1df4710eef8ed00d-meta.json

@@ -0,0 +1 @@
+{"hash":"1df4710eef8ed00d","duration":9437}

package/.turbo/cache/204b66d1b253e9cc-meta.json

@@ -0,0 +1 @@
+{"hash":"204b66d1b253e9cc","duration":3583}

package/.turbo/cache/257a7a26ea72dbc5-meta.json

@@ -1 +1 @@
-{"hash":"257a7a26ea72dbc5","duration":1985}
+{"hash":"257a7a26ea72dbc5","duration":1965}

package/.turbo/cache/2a5d0939d6fc1052-meta.json

@@ -0,0 +1 @@
+{"hash":"2a5d0939d6fc1052","duration":6186}

package/.turbo/cache/2e3b829fcf75c836-meta.json

@@ -0,0 +1 @@
+{"hash":"2e3b829fcf75c836","duration":18849}

package/.turbo/cache/3bf45120d0cc9bd8-meta.json

@@ -1 +1 @@
-{"hash":"3bf45120d0cc9bd8","duration":2769}
+{"hash":"3bf45120d0cc9bd8","duration":2982}

package/.turbo/cache/3d380d0d40404cac-meta.json

@@ -0,0 +1 @@
+{"hash":"3d380d0d40404cac","duration":4058}

package/.turbo/cache/3e12285c614db539-meta.json

@@ -0,0 +1 @@
+{"hash":"3e12285c614db539","duration":6105}

package/.turbo/cache/45035bf5c4147ccd-meta.json

@@ -1 +1 @@
-{"hash":"45035bf5c4147ccd","duration":1683}
+{"hash":"45035bf5c4147ccd","duration":1201}

package/.turbo/cache/5bf2d3f7ba5891e0-meta.json

@@ -0,0 +1 @@
+{"hash":"5bf2d3f7ba5891e0","duration":1417}

package/.turbo/cache/5f304c0f37ef25f3-meta.json

@@ -1 +1 @@
-{"hash":"5f304c0f37ef25f3","duration":2556}
+{"hash":"5f304c0f37ef25f3","duration":3034}

package/.turbo/cache/64de7a53e02db647-meta.json

@@ -1 +1 @@
-{"hash":"64de7a53e02db647","duration":1317}
+{"hash":"64de7a53e02db647","duration":1339}

package/.turbo/cache/691a74627ec57993-meta.json

@@ -1 +1 @@
-{"hash":"691a74627ec57993","duration":3393}
+{"hash":"691a74627ec57993","duration":3953}

package/.turbo/cache/69aae513b7ec6c7d-meta.json

@@ -1 +1 @@
-{"hash":"69aae513b7ec6c7d","duration":1968}
+{"hash":"69aae513b7ec6c7d","duration":1421}

package/.turbo/cache/6dd67d179191bda8-meta.json

@@ -0,0 +1 @@
+{"hash":"6dd67d179191bda8","duration":1024}

package/.turbo/cache/6dd7058e6703cb35-meta.json

@@ -1 +1 @@
-{"hash":"6dd7058e6703cb35","duration":2245}
+{"hash":"6dd7058e6703cb35","duration":1915}

package/.turbo/cache/73e9073a5274616d-meta.json

@@ -1 +1 @@
-{"hash":"73e9073a5274616d","duration":5421}
+{"hash":"73e9073a5274616d","duration":4788}

package/.turbo/cache/773edc0f83c8c5a5-meta.json

@@ -1 +1 @@
-{"hash":"773edc0f83c8c5a5","duration":2469}
+{"hash":"773edc0f83c8c5a5","duration":2794}

package/.turbo/cache/786a822763403879-meta.json

@@ -1 +1 @@
-{"hash":"786a822763403879","duration":3536}
+{"hash":"786a822763403879","duration":3010}

package/.turbo/cache/7e1043cffa69f327-meta.json

@@ -0,0 +1 @@
+{"hash":"7e1043cffa69f327","duration":19167}

package/.turbo/cache/7ffd501e81790676-meta.json

@@ -0,0 +1 @@
+{"hash":"7ffd501e81790676","duration":897}

package/.turbo/cache/80a13352066a9801-meta.json

@@ -0,0 +1 @@
+{"hash":"80a13352066a9801","duration":2664}

package/.turbo/cache/80b5d974184a01df-meta.json

@@ -1 +1 @@
-{"hash":"80b5d974184a01df","duration":3207}
+{"hash":"80b5d974184a01df","duration":3147}

package/.turbo/cache/8954c6073396fadd-meta.json

@@ -1 +1 @@
-{"hash":"8954c6073396fadd","duration":2475}
+{"hash":"8954c6073396fadd","duration":2172}

package/.turbo/cache/8e79bd5c3a16a72e-meta.json

@@ -0,0 +1 @@
+{"hash":"8e79bd5c3a16a72e","duration":5933}

package/.turbo/cache/8e9ebc3df0e18de0-meta.json

@@ -0,0 +1 @@
+{"hash":"8e9ebc3df0e18de0","duration":9941}

package/.turbo/cache/92daa6d7c389d548-meta.json

@@ -1 +1 @@
-{"hash":"92daa6d7c389d548","duration":1240}
+{"hash":"92daa6d7c389d548","duration":1139}

package/.turbo/cache/973d0eea26083f4b-meta.json

@@ -0,0 +1 @@
+{"hash":"973d0eea26083f4b","duration":671}

package/.turbo/cache/9c6ad42729c7b2d8-meta.json

@@ -0,0 +1 @@
+{"hash":"9c6ad42729c7b2d8","duration":4078}

package/.turbo/cache/a77bc920ea508bb8-meta.json

@@ -1 +1 @@
-{"hash":"a77bc920ea508bb8","duration":7883}
+{"hash":"a77bc920ea508bb8","duration":7707}

package/.turbo/cache/a9a9d012c83882d8-meta.json

@@ -0,0 +1 @@
+{"hash":"a9a9d012c83882d8","duration":2654}

package/.turbo/cache/b54fc4f664a7a5a0-meta.json

@@ -1 +1 @@
-{"hash":"b54fc4f664a7a5a0","duration":2679}
+{"hash":"b54fc4f664a7a5a0","duration":3154}

package/.turbo/cache/ba4418918621fbcd-meta.json

@@ -1 +1 @@
-{"hash":"ba4418918621fbcd","duration":1805}
+{"hash":"ba4418918621fbcd","duration":1643}

package/.turbo/cache/be7c23c37b8ec74b-meta.json

@@ -1 +1 @@
-{"hash":"be7c23c37b8ec74b","duration":2101}
+{"hash":"be7c23c37b8ec74b","duration":2136}

package/.turbo/cache/bffc7582905c2a5e-meta.json

@@ -0,0 +1 @@
+{"hash":"bffc7582905c2a5e","duration":3467}

package/.turbo/cache/caa0b4ac8d2a04dd-meta.json

@@ -1 +1 @@
-{"hash":"caa0b4ac8d2a04dd","duration":2496}
+{"hash":"caa0b4ac8d2a04dd","duration":2328}

package/.turbo/cache/cc81de9c0b452a7c-meta.json

@@ -1 +1 @@
-{"hash":"cc81de9c0b452a7c","duration":2269}
+{"hash":"cc81de9c0b452a7c","duration":1936}

package/.turbo/cache/d572ebb3c833e8f4-meta.json

@@ -0,0 +1 @@
+{"hash":"d572ebb3c833e8f4","duration":2865}

package/.turbo/cache/d61543843c932504-meta.json

@@ -0,0 +1 @@
+{"hash":"d61543843c932504","duration":20445}

package/.turbo/cache/dad1301ac69bcb85-meta.json

@@ -1 +1 @@
-{"hash":"dad1301ac69bcb85","duration":2792}
+{"hash":"dad1301ac69bcb85","duration":2705}

package/.turbo/cache/db361cb6578dca84-meta.json

@@ -0,0 +1 @@
+{"hash":"db361cb6578dca84","duration":5147}

package/.turbo/cache/dea5945f55c6aba5-meta.json

@@ -0,0 +1 @@
+{"hash":"dea5945f55c6aba5","duration":2928}

package/.turbo/cache/e992dab20aeefbaf-meta.json

@@ -1 +1 @@
-{"hash":"e992dab20aeefbaf","duration":18132}
+{"hash":"e992dab20aeefbaf","duration":17995}

package/.turbo/cache/f3ff9040a2196834-meta.json

@@ -0,0 +1 @@
+{"hash":"f3ff9040a2196834","duration":19971}

package/.turbo/cache/f817d89688cefca8-meta.json

@@ -0,0 +1 @@
+{"hash":"f817d89688cefca8","duration":21265}

package/.turbo/cache/fa132b5b5f0e75f8-meta.json

@@ -1 +1 @@
-{"hash":"fa132b5b5f0e75f8","duration":4349}
+{"hash":"fa132b5b5f0e75f8","duration":3691}

package/.turbo/cache/fc57c17867dcac3d-meta.json

@@ -0,0 +1 @@
+{"hash":"fc57c17867dcac3d","duration":1599}

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Semantic Release Automated Changelog
 
+# [2.0.0-beta.4](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.3...v2.0.0-beta.4) (2025-01-10)
+
+
+### Bug Fixes
+
+* remove menuoption's padding in select ([8bb0efc](https://github.com/AlaskaAirlines/auro-formkit/commit/8bb0efc0d9562c5ddd36d813668767a5398efebe))
+* simplify logic on calculating `hasTriggerContent` in dropdown ([f1129cc](https://github.com/AlaskaAirlines/auro-formkit/commit/f1129ccd669332d4b1cc6e88d2f5c988663bf652))
+
+
+### Code Refactoring
+
+* make `dropdown.placeholder` slot [#36](https://github.com/AlaskaAirlines/auro-formkit/issues/36) ([bff21e8](https://github.com/AlaskaAirlines/auro-formkit/commit/bff21e85e07cd1b1c6bdd5fc2c4147bc17b80087))
+
+
+### BREAKING CHANGES
+
+* `placeholder` is now slot not attribute and there is no default node for it
+
+# [2.0.0-beta.3](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.2...v2.0.0-beta.3) (2025-01-09)
+
+
+### Bug Fixes
+
+* make x icon take no space when invisible [#164](https://github.com/AlaskaAirlines/auro-formkit/issues/164) ([7ad63e2](https://github.com/AlaskaAirlines/auro-formkit/commit/7ad63e2d8898bd44e67724b8bb174f2a2f549174))
+
+
+### Features
+
+* update custom validity message logic and docs [#155](https://github.com/AlaskaAirlines/auro-formkit/issues/155) [#156](https://github.com/AlaskaAirlines/auro-formkit/issues/156) ([beec66a](https://github.com/AlaskaAirlines/auro-formkit/commit/beec66a85d8004ad30207e3b039eac8cf3ffb2fb))
+
+
+### Performance Improvements
+
+* add animation to clear icon and add shared mixin file ([4c6a1e1](https://github.com/AlaskaAirlines/auro-formkit/commit/4c6a1e1f286c727f63acb53aaa59828e6387c2e0))
+* add optional chaining to validation logic ([c4de243](https://github.com/AlaskaAirlines/auro-formkit/commit/c4de243b2f98633605872ef41d2a033d7341b5f3))
+* update handling of invalid values in select ([d1eb0bf](https://github.com/AlaskaAirlines/auro-formkit/commit/d1eb0bf6477b89a751a8f9ce4c5d43d4fa92721c))
+* update validity to use patternMismatch state [#163](https://github.com/AlaskaAirlines/auro-formkit/issues/163) ([4c9f9a4](https://github.com/AlaskaAirlines/auro-formkit/commit/4c9f9a4c803b2fede189208ad0e005156d6b0bbf))
+
+
+### BREAKING CHANGES
+
+* input's errorMessage is now a private property.
+* patternMismatch replaces badInput state when user inputs do not match the expected pattern.
+
 # [2.0.0-beta.2](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2025-01-07)
 
 

package/components/checkbox/.turbo/turbo-build.log

@@ -106,13 +106,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 662ms
+created dist in 660ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 556ms
+created ./demo/ in 475ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 531ms
+created ./demo/ in 507ms
 
 > @auro-formkit/auro-checkbox@4.1.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component checkbox

package/components/checkbox/.turbo/turbo-bundler.log

@@ -4,10 +4,10 @@
 
 
 ./src/index.js → dist...
-created dist in 689ms
+created dist in 780ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 513ms
+created ./demo/ in 405ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 460ms
+created ./demo/ in 574ms

package/components/checkbox/demo/api.md

@@ -10,7 +10,7 @@ The auro-checkbox-group element is a wrapper for auro-checkbox element.
 | Property                        | Attribute                       | Type      | Default     | Description                                      |
 |---------------------------------|---------------------------------|-----------|-------------|--------------------------------------------------|
 | [disabled](#disabled)                      | `disabled`                      | `boolean` | "undefined" |                                                  |
-| [error](#error)                         | `error`                         | `String`  |             | When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value. |
+| [error](#error)                         | `error`                         | `String`  |             | When defined, sets persistent validity to `customError` and sets the validity message to the attribute value. |
 | [horizontal](#horizontal)                    | `horizontal`                    | `Boolean` | false       | If set, checkboxes will be aligned horizontally. |
 | [noValidate](#noValidate)                    | `noValidate`                    | `Boolean` |             | If set, disables auto-validation on blur.        |
 | [required](#required)                      | `required`                      | `Boolean` | false       | Populates the `required` attribute on the element. Used for client-side validation. |
@@ -225,7 +225,9 @@ When present, the `required` attribute specifies that at least one or more `<aur
 
 #### Error
 
-The `error` attribute used to set error state on the entire `<auro-checkbox-group>`. If using the `error` attribute on an `<auro-checkbox-group>`, a string with the error message needs to be passed along with the attribute.
+Use the `error` attribute to apply a persistent custom error that supersedes the HTML5 validation logic.
+
+A custom error message can be set using the `error` attribute, or it can be used in conjuction with the `setCustomValidityCustomError` attribute.
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/errorGroup.html) -->

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

@@ -354,20 +354,20 @@ class AuroFormValidation {
       const pattern = new RegExp(`^${elem.pattern}$`, 'u');
 
       if (!pattern.test(elem.value)) {
-        elem.validity = 'badInput';
-        elem.setCustomValidity = elem.setCustomValidityBadInput || '';
+        elem.validity = 'patternMismatch';
+        elem.errorMessage = elem.setCustomValidityPatternMismatch || elem.setCustomValidity || '';
       }
     }
 
     // Length > 0 is required to prevent the error message from showing when the input is empty
     if (elem.value?.length > 0 && elem.value?.length < elem.minLength) {
       elem.validity = 'tooShort';
-      elem.setCustomValidity = elem.setCustomValidityTooShort || '';
+      elem.errorMessage = elem.setCustomValidityTooShort || elem.setCustomValidity || '';
     }
     
     if (elem.value?.length > elem.maxLength) {
       elem.validity = 'tooLong';
-      elem.setCustomValidity = elem.setCustomValidityTooLong || '';
+      elem.errorMessage = elem.setCustomValidityTooLong || elem.setCustomValidity || '';
     }
   }
 
@@ -383,33 +383,32 @@ class AuroFormValidation {
         const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; // eslint-disable-line require-unicode-regexp
 
         if (!elem.value.match(emailRegex)) {
-          elem.validity = 'badInput';
-          elem.setCustomValidity = elem.setCustomValidityForType || '';
+          elem.validity = 'patternMismatch';
+          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
         }
       } else if (elem.type === 'credit-card') {
         if (elem.value.length > 0 && elem.value.length < elem.validationCCLength) {
           elem.validity = 'tooShort';
-          elem.setCustomValidity = elem.setCustomValidityForType || '';
+          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
         }
       } else if (elem.type === 'number') {
         if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
           elem.validity = 'rangeOverflow';
-          elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
+          elem.errorMessage = elem.setCustomValidityRangeOverflow || elem.setCustomValidity || '';
         }
 
-        if (elem.min !== undefined && Number(elem.min) > Number(elem.value)) {
+        if (elem.min !== undefined && elem.value?.length > 0 && Number(elem.min) > Number(elem.value)) {
           elem.validity = 'rangeUnderflow';
-          elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeUnderflow') || '';
+          elem.errorMessage = elem.setCustomValidityRangeUnderflow || elem.setCustomValidity || '';
         }
-
       } else if (elem.type === 'month-day-year' ||
                  elem.type === 'month-year' ||
                  elem.type === 'month-fullYear' ||
                  elem.type === 'year-month-day'
       ) {
-        if (elem.value && elem.value.length > 0 && elem.value.length < elem.dateStrLength) {
+        if (elem.value?.length > 0 && elem.value.length < elem.dateStrLength) {
           elem.validity = 'tooShort';
-          elem.setCustomValidity = elem.setCustomValidityForType || '';
+          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
         } else {
           const valueDate = new Date(elem.value);
 
@@ -419,7 +418,7 @@ class AuroFormValidation {
 
             if (valueDate > maxDate) {
               elem.validity = 'rangeOverflow';
-              elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeOverflow') || '';
+              elem.errorMessage = elem.setCustomValidityRangeOverflow || elem.setCustomValidity || '';
             }
           }
 
@@ -429,7 +428,7 @@ class AuroFormValidation {
 
             if (valueDate < minDate) {
               elem.validity = 'rangeUnderflow';
-              elem.setCustomValidity = elem.getAttribute('setCustomValidityRangeUnderflow') || '';
+              elem.errorMessage = elem.setCustomValidityRangeUnderflow || elem.setCustomValidity || '';
             }
           }
         }
@@ -452,10 +451,10 @@ class AuroFormValidation {
 
     if (elem.hasAttribute('error')) {
       elem.validity = 'customError';
-      elem.setCustomValidity = elem.error;
+      elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
     } else if (validationShouldRun) {
       elem.validity = 'valid';
-      elem.setCustomValidity = '';
+      elem.errorMessage = '';
 
       /**
        * Only validate once we interact with the datepicker
@@ -467,7 +466,7 @@ class AuroFormValidation {
       let hasValue = elem.value && elem.value.length > 0;
 
       // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
-      if (this.auroInputElements && this.auroInputElements.length === 2) {
+      if (this.auroInputElements?.length === 2) {
         if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
           hasValue = false;
         }
@@ -475,31 +474,27 @@ class AuroFormValidation {
 
       if (!hasValue && elem.required) {
         elem.validity = 'valueMissing';
-        elem.setCustomValidity = elem.setCustomValidityValueMissing || '';
+        elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
       } else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
         this.validateType(elem);
         this.validateAttributes(elem);
       }
     }
 
-    if (this.auroInputElements && this.auroInputElements.length > 0) {
+    if (this.auroInputElements?.length > 0) {
       elem.validity = this.auroInputElements[0].validity;
-      elem.setCustomValidity = this.auroInputElements[0].setCustomValidity;
+      elem.errorMessage = this.auroInputElements[0].errorMessage;
 
-      if (elem.validity === 'valid') {
-        if (this.auroInputElements.length > 1) {
-          elem.validity = this.auroInputElements[1].validity;
-          elem.setCustomValidity = this.auroInputElements[1].setCustomValidity;
-        }
+      if (elem.validity === 'valid' && this.auroInputElements.length > 1) {
+        elem.validity = this.auroInputElements[1].validity;
+        elem.errorMessage = this.auroInputElements[1].errorMessage;
       }
     }
 
     if (validationShouldRun || elem.hasAttribute('error')) {
-      if (elem.validity && elem.validity !== 'valid') {
-        // Use the validity message override if it is declared
-        if (elem.ValidityMessageOverride) {
-          elem.setCustomValidity = elem.ValidityMessageOverride;
-        }
+      // Use the validity message override if it is declared
+      if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
+        elem.errorMessage = elem.ValidityMessageOverride;
       }
 
       this.getErrorMessage(elem);
@@ -545,18 +540,18 @@ class AuroFormValidation {
     if (elem.validity !== 'valid') {
       if (elem.setCustomValidity) {
         elem.errorMessage = elem.setCustomValidity;
-      } else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
+      } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
         const input = elem.renderRoot.querySelector('input');
 
         if (input.validationMessage.length > 0) {
           elem.errorMessage = input.validationMessage;
         }
-      } else if (this.inputElements && this.inputElements.length > 0) {
+      } else if (this.inputElements?.length > 0  && elem.errorMessage === '') {
         const firstInput = this.inputElements[0];
 
         if (firstInput.validationMessage.length > 0) {
           elem.errorMessage = firstInput.validationMessage;
-        } else if (this.inputElements.length === 2) {
+        } else if (this.inputElements?.length === 2) {
           const secondInput = this.inputElements[1];
 
           if (secondInput.validationMessage.length > 0) {
@@ -585,7 +580,7 @@ var colorCss = i$4`:host{color:var(--ds-auro-checkbox-group-text-color)}:host([d
  * @attr {String} setCustomValidity - Sets a custom help text message to display for all validityStates.
  * @attr {String} setCustomValidityCustomError - Custom help text message to display when validity = `customError`.
  * @attr {String} setCustomValidityValueMissing - Custom help text message to display when validity = `valueMissing`.
- * @attr {String} error - When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
+ * @attr {String} error - When defined, sets persistent validity to `customError` and sets the validity message to the attribute value.
  * @attr {Boolean} noValidate - If set, disables auto-validation on blur.
  * @attr {Boolean} required - Populates the `required` attribute on the element. Used for client-side validation.
  * @attr {Boolean} horizontal - If set, checkboxes will be aligned horizontally.
@@ -885,7 +880,7 @@ class AuroCheckboxGroup extends r {
           </p>`
         : x`
           <p class="checkboxGroupElement-helpText" role="alert" aria-live="assertive" part="helpText">
-            ${this.setCustomValidity}
+            ${this.errorMessage}
           </p>`
       }
     `;