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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"hash":"1ab37ce15d9be440","duration":6432}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"hash":"1de15d89eed2d760","duration":3404}
+{"hash":"1de15d89eed2d760","duration":2801}

package/.turbo/cache/2110a4d14e0d11b2-meta.json

@@ -0,0 +1 @@
+{"hash":"2110a4d14e0d11b2","duration":19210}

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

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

package/.turbo/cache/2990aaa7ebc5b967-meta.json

@@ -1 +1 @@
-{"hash":"2990aaa7ebc5b967","duration":3755}
+{"hash":"2990aaa7ebc5b967","duration":3836}

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

@@ -0,0 +1 @@
+{"hash":"2fd056afdf4eb39d","duration":9944}

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

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

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

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

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

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

package/.turbo/cache/4f92cea2d8c63de2-meta.json

@@ -1 +1 @@
-{"hash":"4f92cea2d8c63de2","duration":2007}
+{"hash":"4f92cea2d8c63de2","duration":2517}

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

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

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

@@ -1 +1 @@
-{"hash":"5c16ce3cff5c9dff","duration":3164}
+{"hash":"5c16ce3cff5c9dff","duration":2968}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/.turbo/cache/784c03fe9fd5ac05-meta.json

@@ -1 +1 @@
-{"hash":"784c03fe9fd5ac05","duration":5924}
+{"hash":"784c03fe9fd5ac05","duration":5298}

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

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

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

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

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

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

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

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

package/.turbo/cache/87219c41a4ace9cd-meta.json

@@ -1 +1 @@
-{"hash":"87219c41a4ace9cd","duration":19009}
+{"hash":"87219c41a4ace9cd","duration":19092}

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

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

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

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

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

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

package/.turbo/cache/993dff2edb7b6766-meta.json

@@ -1 +1 @@
-{"hash":"993dff2edb7b6766","duration":1161}
+{"hash":"993dff2edb7b6766","duration":1110}

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

@@ -1 +1 @@
-{"hash":"9a097d6576dadd64","duration":1991}
+{"hash":"9a097d6576dadd64","duration":1582}

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

@@ -0,0 +1 @@
+{"hash":"a63cbfecf0f78586","duration":10100}

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

@@ -1 +1 @@
-{"hash":"a6a56bb802e1c20f","duration":1520}
+{"hash":"a6a56bb802e1c20f","duration":1720}

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

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

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

@@ -0,0 +1 @@
+{"hash":"b2c66328fdd78093","duration":930}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"hash":"d39e6ef95ebc4cc0","duration":21191}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"hash":"f411e2deb0676959","duration":4048}

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

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

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

@@ -1 +1 @@
-{"hash":"fbbe2704bf9cb90b","duration":2273}
+{"hash":"fbbe2704bf9cb90b","duration":2359}

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Semantic Release Automated Changelog
 
+# [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 741ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 556ms
+created ./demo/ in 538ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 531ms
+created ./demo/ in 481ms
 
 > @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 562ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 513ms
+created ./demo/ in 374ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 460ms
+created ./demo/ in 395ms

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>`
       }
     `;