@aurodesignsystem-dev/auro-formkit 0.0.0-pr1608.1 → 0.0.0-pr1609.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/components/checkbox/demo/accessibility.md +4 -15
  2. package/components/checkbox/demo/customize.min.js +17 -53
  3. package/components/checkbox/demo/getting-started.min.js +17 -53
  4. package/components/checkbox/demo/index.min.js +17 -53
  5. package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -13
  6. package/components/checkbox/dist/index.js +17 -53
  7. package/components/checkbox/dist/registered.js +17 -53
  8. package/components/combobox/demo/customize.min.js +3 -3
  9. package/components/combobox/demo/getting-started.min.js +3 -3
  10. package/components/combobox/demo/index.min.js +3 -3
  11. package/components/combobox/dist/index.js +3 -3
  12. package/components/combobox/dist/registered.js +3 -3
  13. package/components/counter/demo/customize.min.js +22 -296
  14. package/components/counter/demo/getting-started.min.js +22 -296
  15. package/components/counter/demo/index.min.js +22 -296
  16. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -1
  17. package/components/counter/dist/index.js +22 -296
  18. package/components/counter/dist/registered.js +22 -296
  19. package/components/datepicker/demo/customize.min.js +3 -3
  20. package/components/datepicker/demo/getting-started.min.js +3 -3
  21. package/components/datepicker/demo/index.min.js +3 -3
  22. package/components/datepicker/dist/index.js +3 -3
  23. package/components/datepicker/dist/registered.js +3 -3
  24. package/components/dropdown/demo/customize.min.js +1 -1
  25. package/components/dropdown/demo/getting-started.min.js +2 -2
  26. package/components/dropdown/demo/index.min.js +1 -1
  27. package/components/dropdown/dist/index.js +1 -1
  28. package/components/dropdown/dist/registered.js +1 -1
  29. package/components/form/demo/customize.min.js +68 -416
  30. package/components/form/demo/getting-started.min.js +68 -416
  31. package/components/form/demo/index.min.js +68 -416
  32. package/components/form/demo/registerDemoDeps.min.js +68 -416
  33. package/components/input/demo/customize.min.js +1 -1
  34. package/components/input/demo/getting-started.min.js +1 -1
  35. package/components/input/demo/index.min.js +1 -1
  36. package/components/input/dist/index.js +1 -1
  37. package/components/input/dist/registered.js +1 -1
  38. package/components/radio/demo/accessibility.md +4 -13
  39. package/components/radio/demo/customize.min.js +16 -54
  40. package/components/radio/demo/getting-started.min.js +16 -54
  41. package/components/radio/demo/index.min.js +16 -54
  42. package/components/radio/dist/auro-radio-group.d.ts +0 -13
  43. package/components/radio/dist/index.js +16 -54
  44. package/components/radio/dist/registered.js +16 -54
  45. package/components/select/demo/customize.min.js +2 -2
  46. package/components/select/demo/getting-started.min.js +2 -2
  47. package/components/select/demo/index.min.js +2 -2
  48. package/components/select/dist/index.js +2 -2
  49. package/components/select/dist/registered.js +2 -2
  50. package/custom-elements.json +1 -23
  51. package/package.json +1 -1
@@ -999,22 +999,6 @@ class AuroDependencyVersioning {
999
999
  }
1000
1000
  }
1001
1001
 
1002
- /**
1003
- * Class for generating unique hashes based on the current timestamp.
1004
- * This can be used to create unique identifiers for elements or data within an application,
1005
- * ensuring that each identifier is distinct and can be easily generated without the need
1006
- * for external libraries or complex algorithms.
1007
- */
1008
- class UniqueId {
1009
- /**
1010
- * Creates a unique hash based on the current timestamp.
1011
- * @returns {Function} Timestamp as a base-36 string
1012
- */
1013
- create() {
1014
- return Date.now().toString(36);
1015
- }
1016
- }
1017
-
1018
1002
  var styleCss$1 = css`:host{display:block;padding-bottom:var(--ds-size-150, 0.75rem)}.displayFlex legend+slot{display:flex;white-space:nowrap}fieldset{all:unset}legend{margin-bottom:var(--ds-size-150, 0.75rem)}[auro-helptext]{margin-top:var(--ds-size-150, 0.75rem)}`;
1019
1003
 
1020
1004
  var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host([disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([onDark]),:host([appearance=inverse]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}`;
@@ -1253,7 +1237,7 @@ class AuroHelpText extends LitElement {
1253
1237
  }
1254
1238
  }
1255
1239
 
1256
- var formkitVersion = '202609022217';
1240
+ var formkitVersion = '202609022123';
1257
1241
 
1258
1242
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1259
1243
  // See LICENSE in the project root for license information.
@@ -1330,11 +1314,6 @@ class AuroCheckboxGroup extends LitElement {
1330
1314
  * @private
1331
1315
  */
1332
1316
  this.helpTextTag = versioning.generateTag('auro-formkit-checkbox-helptext', formkitVersion, AuroHelpText);
1333
-
1334
- /**
1335
- * @private
1336
- */
1337
- this.uniqueId = new UniqueId().create();
1338
1317
  }
1339
1318
 
1340
1319
  static get styles() {
@@ -1586,29 +1565,6 @@ class AuroCheckboxGroup extends LitElement {
1586
1565
  this.handlePreselectedItems();
1587
1566
 
1588
1567
  this.validate();
1589
- this.syncCheckboxValidity();
1590
- }
1591
-
1592
- /**
1593
- * Method for mirroring the group's invalid state onto each checkbox.
1594
- * `validity` is the authoritative invalid state, and it has to be re-applied from
1595
- * `handleItems()` as well, because a slot change can happen without `validity` itself
1596
- * changing — a checkbox slotted into an already-invalid group would otherwise be missed.
1597
- * @private
1598
- * @returns {void}
1599
- */
1600
- syncCheckboxValidity() {
1601
- const invalid = Boolean(this.validity && this.validity !== 'valid');
1602
-
1603
- this.checkboxes.forEach((el) => {
1604
- if (invalid) {
1605
- el.setAttribute('error', true);
1606
- el.setAttribute('aria-invalid', 'true');
1607
- } else {
1608
- el.removeAttribute('error');
1609
- el.removeAttribute('aria-invalid');
1610
- }
1611
- });
1612
1568
  }
1613
1569
 
1614
1570
  /**
@@ -1640,7 +1596,13 @@ class AuroCheckboxGroup extends LitElement {
1640
1596
  }
1641
1597
 
1642
1598
  if (changedProperties.has('validity')) {
1643
- this.syncCheckboxValidity();
1599
+ this.checkboxes.forEach((el) => {
1600
+ if (this.validity && this.validity !== 'valid') {
1601
+ el.setAttribute('error', true);
1602
+ } else {
1603
+ el.removeAttribute('error');
1604
+ }
1605
+ });
1644
1606
  }
1645
1607
 
1646
1608
  if (changedProperties.has('required')) {
@@ -1664,6 +1626,12 @@ class AuroCheckboxGroup extends LitElement {
1664
1626
  }
1665
1627
 
1666
1628
  if (changedProperties.has('error')) {
1629
+ if (this.error) {
1630
+ this.setAttribute('aria-invalid', true);
1631
+ } else {
1632
+ this.removeAttribute('aria-invalid');
1633
+ }
1634
+
1667
1635
  this.validate(true);
1668
1636
  }
1669
1637
  }
@@ -1682,11 +1650,7 @@ class AuroCheckboxGroup extends LitElement {
1682
1650
  };
1683
1651
 
1684
1652
  return html$1`
1685
- <fieldset
1686
- class="${classMap(groupClasses)}"
1687
- aria-invalid="${ifDefined(this.validity && this.validity !== 'valid' ? 'true' : undefined)}"
1688
- aria-describedby="${this.uniqueId}"
1689
- >
1653
+ <fieldset class="${classMap(groupClasses)}">
1690
1654
  <legend>
1691
1655
  <slot name="legend"></slot>
1692
1656
  ${this.required ? undefined : html$1`<slot name="optionalLabel"> (optional)</slot>`}
@@ -1696,11 +1660,11 @@ class AuroCheckboxGroup extends LitElement {
1696
1660
 
1697
1661
  ${!this.validity || this.validity === undefined || this.validity === 'valid'
1698
1662
  ? html$1`
1699
- <${this.helpTextTag} id="${this.uniqueId}" part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
1663
+ <${this.helpTextTag} part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
1700
1664
  <slot name="helpText"></slot>
1701
1665
  </${this.helpTextTag}>`
1702
1666
  : html$1`
1703
- <${this.helpTextTag} id="${this.uniqueId}" error appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" aria-live="assertive" part="helpText">
1667
+ <${this.helpTextTag} error appearance="${this.onDark ? 'inverse' : this.appearance}"" role="alert" aria-live="assertive" part="helpText">
1704
1668
  ${this.errorMessage}
1705
1669
  </${this.helpTextTag}>`
1706
1670
  }
@@ -5108,7 +5108,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5108
5108
  }
5109
5109
  };
5110
5110
 
5111
- var formkitVersion$2 = '202609022217';
5111
+ var formkitVersion$2 = '202609022123';
5112
5112
 
5113
5113
  /**
5114
5114
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18977,7 +18977,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18977
18977
  }
18978
18978
  };
18979
18979
 
18980
- var formkitVersion$1 = '202609022217';
18980
+ var formkitVersion$1 = '202609022123';
18981
18981
 
18982
18982
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18983
18983
  // See LICENSE in the project root for license information.
@@ -20169,7 +20169,7 @@ class AuroBibtemplate extends i$3 {
20169
20169
  }
20170
20170
  }
20171
20171
 
20172
- var formkitVersion = '202609022217';
20172
+ var formkitVersion = '202609022123';
20173
20173
 
20174
20174
  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}`;
20175
20175
 
@@ -5108,7 +5108,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5108
5108
  }
5109
5109
  };
5110
5110
 
5111
- var formkitVersion$2 = '202609022217';
5111
+ var formkitVersion$2 = '202609022123';
5112
5112
 
5113
5113
  /**
5114
5114
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18977,7 +18977,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18977
18977
  }
18978
18978
  };
18979
18979
 
18980
- var formkitVersion$1 = '202609022217';
18980
+ var formkitVersion$1 = '202609022123';
18981
18981
 
18982
18982
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18983
18983
  // See LICENSE in the project root for license information.
@@ -20169,7 +20169,7 @@ class AuroBibtemplate extends i$3 {
20169
20169
  }
20170
20170
  }
20171
20171
 
20172
- var formkitVersion = '202609022217';
20172
+ var formkitVersion = '202609022123';
20173
20173
 
20174
20174
  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}`;
20175
20175
 
@@ -5123,7 +5123,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5123
5123
  }
5124
5124
  };
5125
5125
 
5126
- var formkitVersion$2 = '202609022217';
5126
+ var formkitVersion$2 = '202609022123';
5127
5127
 
5128
5128
  /**
5129
5129
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18992,7 +18992,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18992
18992
  }
18993
18993
  };
18994
18994
 
18995
- var formkitVersion$1 = '202609022217';
18995
+ var formkitVersion$1 = '202609022123';
18996
18996
 
18997
18997
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18998
18998
  // See LICENSE in the project root for license information.
@@ -20184,7 +20184,7 @@ class AuroBibtemplate extends i$3 {
20184
20184
  }
20185
20185
  }
20186
20186
 
20187
- var formkitVersion = '202609022217';
20187
+ var formkitVersion = '202609022123';
20188
20188
 
20189
20189
  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}`;
20190
20190
 
@@ -5041,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5041
5041
  }
5042
5042
  };
5043
5043
 
5044
- var formkitVersion$2 = '202609022217';
5044
+ var formkitVersion$2 = '202609022123';
5045
5045
 
5046
5046
  /**
5047
5047
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18903,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18903
18903
  }
18904
18904
  };
18905
18905
 
18906
- var formkitVersion$1 = '202609022217';
18906
+ var formkitVersion$1 = '202609022123';
18907
18907
 
18908
18908
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18909
18909
  // See LICENSE in the project root for license information.
@@ -20095,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
20095
20095
  }
20096
20096
  }
20097
20097
 
20098
- var formkitVersion = '202609022217';
20098
+ var formkitVersion = '202609022123';
20099
20099
 
20100
20100
  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}`;
20101
20101
 
@@ -5041,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5041
5041
  }
5042
5042
  };
5043
5043
 
5044
- var formkitVersion$2 = '202609022217';
5044
+ var formkitVersion$2 = '202609022123';
5045
5045
 
5046
5046
  /**
5047
5047
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18903,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18903
18903
  }
18904
18904
  };
18905
18905
 
18906
- var formkitVersion$1 = '202609022217';
18906
+ var formkitVersion$1 = '202609022123';
18907
18907
 
18908
18908
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18909
18909
  // See LICENSE in the project root for license information.
@@ -20095,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
20095
20095
  }
20096
20096
  }
20097
20097
 
20098
- var formkitVersion = '202609022217';
20098
+ var formkitVersion = '202609022123';
20099
20099
 
20100
20100
  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}`;
20101
20101