@aurodesignsystem/auro-formkit 2.0.0-beta.8 → 2.0.0-beta.9

package/.turbo/cache/012997da408d7381-meta.json

@@ -0,0 +1 @@
+{"hash":"012997da408d7381","duration":1299}

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

@@ -1 +1 @@
-{"hash":"0c8124a987c1cc05","duration":1641}
+{"hash":"0c8124a987c1cc05","duration":1682}

package/.turbo/cache/114f70925d97840c-meta.json

@@ -0,0 +1 @@
+{"hash":"114f70925d97840c","duration":30669}

package/.turbo/cache/144803363093af6b-meta.json

@@ -0,0 +1 @@
+{"hash":"144803363093af6b","duration":7125}

package/.turbo/cache/18129dba20f51b6b-meta.json

@@ -1 +1 @@
-{"hash":"18129dba20f51b6b","duration":1886}
+{"hash":"18129dba20f51b6b","duration":1729}

package/.turbo/cache/19afa09c8e45c25d-meta.json

@@ -0,0 +1 @@
+{"hash":"19afa09c8e45c25d","duration":4337}

package/.turbo/cache/20a17be1e896dc95-meta.json

@@ -0,0 +1 @@
+{"hash":"20a17be1e896dc95","duration":29867}

package/.turbo/cache/2624bedf18a03ab1-meta.json

@@ -0,0 +1 @@
+{"hash":"2624bedf18a03ab1","duration":5873}

package/.turbo/cache/2706814699cff63a-meta.json

@@ -0,0 +1 @@
+{"hash":"2706814699cff63a","duration":6278}

package/.turbo/cache/2787020e69f50af2-meta.json

@@ -1 +1 @@
-{"hash":"2787020e69f50af2","duration":2415}
+{"hash":"2787020e69f50af2","duration":3054}

package/.turbo/cache/29d704afd7578cda-meta.json

@@ -0,0 +1 @@
+{"hash":"29d704afd7578cda","duration":8892}

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

@@ -0,0 +1 @@
+{"hash":"2edcc8b31cd713fc","duration":5643}

package/.turbo/cache/318a9085a92f2d32-meta.json

@@ -0,0 +1 @@
+{"hash":"318a9085a92f2d32","duration":5536}

package/.turbo/cache/326d9e4692d61af1-meta.json

@@ -0,0 +1 @@
+{"hash":"326d9e4692d61af1","duration":951}

package/.turbo/cache/36962b1c4c89a3a2-meta.json

@@ -0,0 +1 @@
+{"hash":"36962b1c4c89a3a2","duration":5390}

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

@@ -1 +1 @@
-{"hash":"3cd8fc5f388323db","duration":1513}
+{"hash":"3cd8fc5f388323db","duration":1855}

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

@@ -0,0 +1 @@
+{"hash":"3f8ea42b850fd7b1","duration":27873}

package/.turbo/cache/4006a206400d5c7b-meta.json

@@ -1 +1 @@
-{"hash":"4006a206400d5c7b","duration":1648}
+{"hash":"4006a206400d5c7b","duration":1983}

package/.turbo/cache/457af7906413d2ff-meta.json

@@ -0,0 +1 @@
+{"hash":"457af7906413d2ff","duration":788}

package/.turbo/cache/492dda333b8d15f1-meta.json

@@ -1 +1 @@
-{"hash":"492dda333b8d15f1","duration":3749}
+{"hash":"492dda333b8d15f1","duration":2555}

package/.turbo/cache/508f2fcc60e5046f-meta.json

@@ -0,0 +1 @@
+{"hash":"508f2fcc60e5046f","duration":16295}

package/.turbo/cache/50993de942ec15a9-meta.json

@@ -1 +1 @@
-{"hash":"50993de942ec15a9","duration":2114}
+{"hash":"50993de942ec15a9","duration":3380}

package/.turbo/cache/51eaa58d5c167de8-meta.json

@@ -1 +1 @@
-{"hash":"51eaa58d5c167de8","duration":2679}
+{"hash":"51eaa58d5c167de8","duration":2471}

package/.turbo/cache/5567d6b2fdae56a9-meta.json

@@ -0,0 +1 @@
+{"hash":"5567d6b2fdae56a9","duration":895}

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

@@ -0,0 +1 @@
+{"hash":"5a6290b52b84f5ef","duration":32221}

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

@@ -1 +1 @@
-{"hash":"5aadae8d3f94202e","duration":4150}
+{"hash":"5aadae8d3f94202e","duration":4492}

package/.turbo/cache/6081837e8943b62e-meta.json

@@ -0,0 +1 @@
+{"hash":"6081837e8943b62e","duration":2887}

package/.turbo/cache/60ad74320c682a2b-meta.json

@@ -1 +1 @@
-{"hash":"60ad74320c682a2b","duration":3266}
+{"hash":"60ad74320c682a2b","duration":3228}

package/.turbo/cache/61e218aba69cff58-meta.json

@@ -1 +1 @@
-{"hash":"61e218aba69cff58","duration":2538}
+{"hash":"61e218aba69cff58","duration":2532}

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

@@ -0,0 +1 @@
+{"hash":"64ac8d6a4669ba20","duration":3535}

package/.turbo/cache/706649b429184693-meta.json

@@ -0,0 +1 @@
+{"hash":"706649b429184693","duration":28337}

package/.turbo/cache/71dbeaf0706c12fe-meta.json

@@ -1 +1 @@
-{"hash":"71dbeaf0706c12fe","duration":1816}
+{"hash":"71dbeaf0706c12fe","duration":2308}

package/.turbo/cache/7445df6e7feed2a7-meta.json

@@ -1 +1 @@
-{"hash":"7445df6e7feed2a7","duration":1406}
+{"hash":"7445df6e7feed2a7","duration":1804}

package/.turbo/cache/769652d1b874d7cf-meta.json

@@ -0,0 +1 @@
+{"hash":"769652d1b874d7cf","duration":666}

package/.turbo/cache/77da375a012de9d0-meta.json

@@ -1 +1 @@
-{"hash":"77da375a012de9d0","duration":1728}
+{"hash":"77da375a012de9d0","duration":1741}

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

@@ -1 +1 @@
-{"hash":"7bf2b06a479d0b30","duration":1781}
+{"hash":"7bf2b06a479d0b30","duration":1210}

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

@@ -0,0 +1 @@
+{"hash":"7c4645de5001b034","duration":31945}

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

@@ -0,0 +1 @@
+{"hash":"7e3244d67de2d977","duration":3999}

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

@@ -1 +1 @@
-{"hash":"7f3b42ddf36d0158","duration":1765}
+{"hash":"7f3b42ddf36d0158","duration":2296}

package/.turbo/cache/804ad767c7ba2fc3-meta.json

@@ -0,0 +1 @@
+{"hash":"804ad767c7ba2fc3","duration":1041}

package/.turbo/cache/8366405184d123d2-meta.json

@@ -0,0 +1 @@
+{"hash":"8366405184d123d2","duration":4382}

package/.turbo/cache/85cc23a2de6b1009-meta.json

@@ -0,0 +1 @@
+{"hash":"85cc23a2de6b1009","duration":1151}

package/.turbo/cache/99936b010f1533f9-meta.json

@@ -0,0 +1 @@
+{"hash":"99936b010f1533f9","duration":28672}

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

@@ -1 +1 @@
-{"hash":"9a9b4e449cd84be4","duration":3448}
+{"hash":"9a9b4e449cd84be4","duration":3116}

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

@@ -1 +1 @@
-{"hash":"9ae99e8e7bd83d06","duration":2099}
+{"hash":"9ae99e8e7bd83d06","duration":2231}

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

@@ -1 +1 @@
-{"hash":"a275406512608e45","duration":2017}
+{"hash":"a275406512608e45","duration":1798}

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

@@ -0,0 +1 @@
+{"hash":"a54b4d75b5d265de","duration":6458}

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

@@ -0,0 +1 @@
+{"hash":"b280ed4daaf15dcb","duration":6838}

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

@@ -1 +1 @@
-{"hash":"b5e6dc7fb9ae1a2f","duration":3675}
+{"hash":"b5e6dc7fb9ae1a2f","duration":4064}

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

@@ -1 +1 @@
-{"hash":"b6a202cc85cb61a0","duration":1748}
+{"hash":"b6a202cc85cb61a0","duration":1445}

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

@@ -1 +1 @@
-{"hash":"c44efc9e4ddd8a0e","duration":2933}
+{"hash":"c44efc9e4ddd8a0e","duration":2672}

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

@@ -0,0 +1 @@
+{"hash":"c47b8032d18fc452","duration":4418}

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

@@ -1 +1 @@
-{"hash":"c6c6411199b68170","duration":3195}
+{"hash":"c6c6411199b68170","duration":3083}

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

@@ -1 +1 @@
-{"hash":"d3a05e38449c9b24","duration":3295}
+{"hash":"d3a05e38449c9b24","duration":2920}

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

@@ -0,0 +1 @@
+{"hash":"d44acd685455b288","duration":1307}

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

@@ -1 +1 @@
-{"hash":"d5db503b2eaf239c","duration":2885}
+{"hash":"d5db503b2eaf239c","duration":2353}

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

@@ -0,0 +1 @@
+{"hash":"d683a7d23b0d7073","duration":29286}

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

@@ -0,0 +1 @@
+{"hash":"d7caaacb8114772f","duration":3360}

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

@@ -0,0 +1 @@
+{"hash":"dad3d78b33edd9e4","duration":2494}

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

@@ -1 +1 @@
-{"hash":"db4ea5071b44ee8c","duration":2941}
+{"hash":"db4ea5071b44ee8c","duration":2310}

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

@@ -0,0 +1 @@
+{"hash":"de44707e76bdd80c","duration":4117}

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

@@ -0,0 +1 @@
+{"hash":"e03997efe5adad43","duration":6679}

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

@@ -0,0 +1 @@
+{"hash":"e1aa836f0cc2d7c5","duration":28599}

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

@@ -1 +1 @@
-{"hash":"e62cfee068e3ef36","duration":2533}
+{"hash":"e62cfee068e3ef36","duration":3008}

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

@@ -0,0 +1 @@
+{"hash":"e820cc8f220a05f3","duration":6179}

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

@@ -0,0 +1 @@
+{"hash":"e9e36823f6c98f07","duration":1815}

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

@@ -0,0 +1 @@
+{"hash":"f3f4ddfd3230e489","duration":38925}

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

@@ -0,0 +1 @@
+{"hash":"fdaf484b1ec4b5ed","duration":6302}

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "explorer.excludeGitIgnore": false
+}

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Semantic Release Automated Changelog
 
+# [2.0.0-beta.9](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.8...v2.0.0-beta.9) (2025-01-16)
+
+
+### Features
+
+* add IconUtil for SVG icon generation [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([4f5d55f](https://github.com/AlaskaAirlines/auro-formkit/commit/4f5d55f5959d302c6ac48efdee0f33fa5909a34c))
+* adjust description slot logic and colors [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([79cde62](https://github.com/AlaskaAirlines/auro-formkit/commit/79cde624e9d223dfd4963b5be76b3eb8d5cab08c))
+* counter group added with counter refactor, docs, and validation [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([2b34587](https://github.com/AlaskaAirlines/auro-formkit/commit/2b34587e7e873674a86009d9fa90b3c656dee62c))
+* counter value, min, and max with button disable state [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([7df2b00](https://github.com/AlaskaAirlines/auro-formkit/commit/7df2b00ca2f46522139a5b99f26ac50429964dc4))
+* dropdown version build fix [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([15f2109](https://github.com/AlaskaAirlines/auro-formkit/commit/15f2109ac792e607759ddd79a3556ecd3754da37))
+* enhance dispatch event [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([4511e9b](https://github.com/AlaskaAirlines/auro-formkit/commit/4511e9b5c13a7a6a203bf9a314e35a3806838381))
+* handle potential NaN values from Number conversion [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([2cae200](https://github.com/AlaskaAirlines/auro-formkit/commit/2cae2000c5cc6c27333c7ecba1ecf8341e9689ea))
+* hide props used only by group [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([a35a09d](https://github.com/AlaskaAirlines/auro-formkit/commit/a35a09d355466bbd2f6cc61f6014c414c21a683b))
+* initial component styles and structure [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([ad6b77d](https://github.com/AlaskaAirlines/auro-formkit/commit/ad6b77d94a8855765a93a5805c3c1e10e4f68bff))
+* refactor button styles and add counter validation [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([ef46ddd](https://github.com/AlaskaAirlines/auro-formkit/commit/ef46dddff08e55270326f2aefb520bb101677135))
+* simplify AuroCounterGroup by removing noValidate property and updating method names [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([231f110](https://github.com/AlaskaAirlines/auro-formkit/commit/231f110988fb8c27356ffec1f44b6b8b99a95683))
+* update color variables and styles for AuroCounter components [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([9ec6629](https://github.com/AlaskaAirlines/auro-formkit/commit/9ec662980e6fc5bfa11d81ccdc485cff634eac86))
+* update token refs [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([667b1af](https://github.com/AlaskaAirlines/auro-formkit/commit/667b1af0726dcd2813ef6a0b2371c879d5b49b53))
+* update validation logic [#91](https://github.com/AlaskaAirlines/auro-formkit/issues/91) ([08392e7](https://github.com/AlaskaAirlines/auro-formkit/commit/08392e7990ce906f9ad446c118a38d69b2df1da1))
+
 # [2.0.0-beta.8](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.7...v2.0.0-beta.8) (2025-01-16)
 
 

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 1s
+created dist in 1.1s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 701ms
+created ./demo/ in 893ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 511ms
+created ./demo/ in 828ms
 
 > @aurodesignsystem/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 1.3s
+created dist in 899ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 784ms
+created ./demo/ in 631ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 796ms
+created ./demo/ in 676ms

package/components/checkbox/README.md

@@ -96,7 +96,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.7/dist/auro-checkbox__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.8/dist/auro-checkbox__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-checkbox use cases

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

@@ -361,30 +361,87 @@ class AuroFormValidation {
   }
 
   /**
-   * Determines the validity state of the element based on the common attribute restrictions (pattern).
-   * @private
-   * @param {object} elem - HTML element to validate.
+   * Validates the attributes of a given element based on predefined validation rules.
+   *
+   * @param {HTMLElement} elem - The element to be validated.
    * @returns {void}
+   *
+   * @example
+   * // Assuming `inputElement` is a reference to an input element in the DOM
+   * validateElementAttributes(inputElement);
+   *
+   * The function checks the element's attributes against the validation rules defined for 'input' and 'counter' types.
+   * If a validation rule is violated, it sets the element's validity state and error message accordingly.
+   *
+   * Validation rules:
+   * - input:
+   *   - length:
+   *     - tooShort: Checks if the value length is less than the minimum length.
+   *     - tooLong: Checks if the value length exceeds the maximum length.
+   *   - pattern:
+   *     - patternMismatch: Checks if the value does not match the specified pattern.
+   * - counter:
+   *   - range:
+   *     - rangeOverflow: Checks if the value exceeds the maximum value.
+   *     - rangeUnderflow: Checks if the value is less than the minimum value.
    */
-  validateAttributes(elem) {
-    if (elem.pattern) {
-      const pattern = new RegExp(`^${elem.pattern}$`, 'u');
-
-      if (!pattern.test(elem.value)) {
-        elem.validity = 'patternMismatch';
-        elem.errorMessage = elem.setCustomValidityPatternMismatch || elem.setCustomValidity || '';
+  validateElementAttributes(elem) {
+    const validationRules = {
+      input: {
+        length: [
+          {
+            check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
+            validity: 'tooShort',
+            message: e => e.setCustomValidityTooShort || e.setCustomValidity || ''
+          },
+          {
+            check: (e) => e.value?.length > e.maxLength,
+            validity: 'tooLong',
+            message: e => e.setCustomValidityTooLong || e.setCustomValidity || ''
+          }
+        ],
+        pattern: [
+          {
+            check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
+            validity: 'patternMismatch',
+            message: e => e.setCustomValidityPatternMismatch || e.setCustomValidity || ''
+          }
+        ]
+      },
+      counter: {
+        range: [
+          {
+            check: (e) => e.max !== undefined && Number(e.max) < Number(e.value),
+            validity: 'rangeOverflow',
+            message: e => e.getAttribute('setCustomValidityRangeOverflow') || ''
+          },
+          {
+            check: (e) => e.min !== undefined && Number(e.min) > Number(e.value),
+            validity: 'rangeUnderflow',
+            message: e => e.getAttribute('setCustomValidityRangeUnderflow') || ''
+          }
+        ]
       }
+    };
+  
+    let elementType;
+    if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
+      elementType = 'input';
+    } else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
+      elementType = 'counter';
     }
-
-    // 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.errorMessage = elem.setCustomValidityTooShort || elem.setCustomValidity || '';
-    }
     
-    if (elem.value?.length > elem.maxLength) {
-      elem.validity = 'tooLong';
-      elem.errorMessage = elem.setCustomValidityTooLong || elem.setCustomValidity || '';
+    if (elementType) {
+      const rules = validationRules[elementType];
+    
+      if (rules) {
+        Object.values(rules).flat().forEach(rule => {
+          if (rule.check(elem)) {
+            elem.validity = rule.validity;
+            elem.errorMessage = rule.message(elem);
+          }
+        });
+      }
     }
   }
 
@@ -494,7 +551,9 @@ class AuroFormValidation {
         elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
       } else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
         this.validateType(elem);
-        this.validateAttributes(elem);
+        this.validateElementAttributes(elem);
+      } else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
+        this.validateElementAttributes(elem);
       }
     }