@aurodesignsystem-dev/auro-formkit 0.0.0-pr1408.17 → 0.0.0-pr1408.18

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 (43) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +11 -6
  6. package/components/combobox/demo/index.min.js +11 -6
  7. package/components/combobox/dist/index.js +11 -6
  8. package/components/combobox/dist/registered.js +11 -6
  9. package/components/counter/demo/api.min.js +2 -2
  10. package/components/counter/demo/index.min.js +2 -2
  11. package/components/counter/dist/index.js +2 -2
  12. package/components/counter/dist/registered.js +2 -2
  13. package/components/datepicker/demo/api.md +1 -1
  14. package/components/datepicker/demo/api.min.js +47 -149
  15. package/components/datepicker/demo/index.min.js +47 -149
  16. package/components/datepicker/demo/keyboardBehavior.md +1 -6
  17. package/components/datepicker/dist/auro-datepicker.d.ts +8 -7
  18. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
  19. package/components/datepicker/dist/index.js +47 -149
  20. package/components/datepicker/dist/registered.js +47 -149
  21. package/components/dropdown/demo/api.min.js +1 -1
  22. package/components/dropdown/demo/index.min.js +1 -1
  23. package/components/dropdown/dist/index.js +1 -1
  24. package/components/dropdown/dist/registered.js +1 -1
  25. package/components/form/demo/api.min.js +69 -162
  26. package/components/form/demo/index.min.js +69 -162
  27. package/components/input/demo/api.min.js +5 -1
  28. package/components/input/demo/index.min.js +5 -1
  29. package/components/input/dist/index.js +5 -1
  30. package/components/input/dist/registered.js +5 -1
  31. package/components/menu/demo/keyboardBehavior.md +0 -0
  32. package/components/radio/demo/api.min.js +1 -1
  33. package/components/radio/demo/index.min.js +1 -1
  34. package/components/radio/demo/keyboardBehavior.md +0 -0
  35. package/components/radio/dist/index.js +1 -1
  36. package/components/radio/dist/registered.js +1 -1
  37. package/components/select/demo/api.min.js +2 -2
  38. package/components/select/demo/index.min.js +2 -2
  39. package/components/select/dist/index.js +2 -2
  40. package/components/select/dist/registered.js +2 -2
  41. package/custom-elements.json +23 -19
  42. package/package.json +3 -3
  43. /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
1687
1687
  }
1688
1688
  }
1689
1689
 
1690
- var formkitVersion = '202604031704';
1690
+ var formkitVersion = '202604032311';
1691
1691
 
1692
1692
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1693
1693
  // See LICENSE in the project root for license information.
@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
1679
1679
  }
1680
1680
  }
1681
1681
 
1682
- var formkitVersion = '202604031704';
1682
+ var formkitVersion = '202604032311';
1683
1683
 
1684
1684
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1685
1685
  // See LICENSE in the project root for license information.
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202604031704';
1635
+ var formkitVersion = '202604032311';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202604031704';
1635
+ var formkitVersion = '202604032311';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1348,9 +1348,10 @@ const comboboxKeyboardStrategy = {
1348
1348
 
1349
1349
  // option display and navigation are prevented if there are no available options
1350
1350
  if (component.availableOptions.length > 0) {
1351
+ evt.preventDefault();
1352
+
1351
1353
  // navigate if bib is open otherwise open it
1352
1354
  if (component.dropdown.isPopoverVisible) {
1353
- evt.preventDefault();
1354
1355
 
1355
1356
  if (evt.altKey || evt.metaKey) {
1356
1357
  component.activateLastEnabledAvailableOption();
@@ -1371,10 +1372,10 @@ const comboboxKeyboardStrategy = {
1371
1372
 
1372
1373
  // option display and navigation are prevented if there are no available options
1373
1374
  if (component.availableOptions.length > 0) {
1375
+ evt.preventDefault();
1376
+
1374
1377
  // navigate if bib is open otherwise open it
1375
1378
  if (component.dropdown.isPopoverVisible) {
1376
- evt.preventDefault();
1377
-
1378
1379
  if (evt.altKey || evt.metaKey) {
1379
1380
  component.activateFirstEnabledAvailableOption();
1380
1381
  } else {
@@ -5053,7 +5054,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
5053
5054
  }
5054
5055
  };
5055
5056
 
5056
- var formkitVersion$2 = '202604031704';
5057
+ var formkitVersion$2 = '202604032311';
5057
5058
 
5058
5059
  let AuroElement$2 = class AuroElement extends i$4 {
5059
5060
  static get properties() {
@@ -11801,6 +11802,10 @@ class BaseInput extends AuroElement$1 {
11801
11802
  evt.stopPropagation();
11802
11803
  });
11803
11804
 
11805
+ this.clearBtn.addEventListener('click', (evt) => {
11806
+ evt.stopPropagation();
11807
+ });
11808
+
11804
11809
  this.patchInputEvent(this.inputElement);
11805
11810
 
11806
11811
  if (this.wrapperElement) {
@@ -12823,7 +12828,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12823
12828
  }
12824
12829
  };
12825
12830
 
12826
- var formkitVersion$1 = '202604031704';
12831
+ var formkitVersion$1 = '202604032311';
12827
12832
 
12828
12833
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12829
12834
  // See LICENSE in the project root for license information.
@@ -13869,7 +13874,7 @@ class AuroBibtemplate extends i$4 {
13869
13874
  }
13870
13875
  }
13871
13876
 
13872
- var formkitVersion = '202604031704';
13877
+ var formkitVersion = '202604032311';
13873
13878
 
13874
13879
  var styleCss$3 = i$7`.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}`;
13875
13880
 
@@ -1271,9 +1271,10 @@ const comboboxKeyboardStrategy = {
1271
1271
 
1272
1272
  // option display and navigation are prevented if there are no available options
1273
1273
  if (component.availableOptions.length > 0) {
1274
+ evt.preventDefault();
1275
+
1274
1276
  // navigate if bib is open otherwise open it
1275
1277
  if (component.dropdown.isPopoverVisible) {
1276
- evt.preventDefault();
1277
1278
 
1278
1279
  if (evt.altKey || evt.metaKey) {
1279
1280
  component.activateLastEnabledAvailableOption();
@@ -1294,10 +1295,10 @@ const comboboxKeyboardStrategy = {
1294
1295
 
1295
1296
  // option display and navigation are prevented if there are no available options
1296
1297
  if (component.availableOptions.length > 0) {
1298
+ evt.preventDefault();
1299
+
1297
1300
  // navigate if bib is open otherwise open it
1298
1301
  if (component.dropdown.isPopoverVisible) {
1299
- evt.preventDefault();
1300
-
1301
1302
  if (evt.altKey || evt.metaKey) {
1302
1303
  component.activateFirstEnabledAvailableOption();
1303
1304
  } else {
@@ -4976,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
4976
4977
  }
4977
4978
  };
4978
4979
 
4979
- var formkitVersion$2 = '202604031704';
4980
+ var formkitVersion$2 = '202604032311';
4980
4981
 
4981
4982
  let AuroElement$2 = class AuroElement extends i$4 {
4982
4983
  static get properties() {
@@ -11724,6 +11725,10 @@ class BaseInput extends AuroElement$1 {
11724
11725
  evt.stopPropagation();
11725
11726
  });
11726
11727
 
11728
+ this.clearBtn.addEventListener('click', (evt) => {
11729
+ evt.stopPropagation();
11730
+ });
11731
+
11727
11732
  this.patchInputEvent(this.inputElement);
11728
11733
 
11729
11734
  if (this.wrapperElement) {
@@ -12746,7 +12751,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12746
12751
  }
12747
12752
  };
12748
12753
 
12749
- var formkitVersion$1 = '202604031704';
12754
+ var formkitVersion$1 = '202604032311';
12750
12755
 
12751
12756
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12752
12757
  // See LICENSE in the project root for license information.
@@ -13792,7 +13797,7 @@ class AuroBibtemplate extends i$4 {
13792
13797
  }
13793
13798
  }
13794
13799
 
13795
- var formkitVersion = '202604031704';
13800
+ var formkitVersion = '202604032311';
13796
13801
 
13797
13802
  var styleCss$3 = i$7`.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}`;
13798
13803
 
@@ -1228,9 +1228,10 @@ const comboboxKeyboardStrategy = {
1228
1228
 
1229
1229
  // option display and navigation are prevented if there are no available options
1230
1230
  if (component.availableOptions.length > 0) {
1231
+ evt.preventDefault();
1232
+
1231
1233
  // navigate if bib is open otherwise open it
1232
1234
  if (component.dropdown.isPopoverVisible) {
1233
- evt.preventDefault();
1234
1235
 
1235
1236
  if (evt.altKey || evt.metaKey) {
1236
1237
  component.activateLastEnabledAvailableOption();
@@ -1251,10 +1252,10 @@ const comboboxKeyboardStrategy = {
1251
1252
 
1252
1253
  // option display and navigation are prevented if there are no available options
1253
1254
  if (component.availableOptions.length > 0) {
1255
+ evt.preventDefault();
1256
+
1254
1257
  // navigate if bib is open otherwise open it
1255
1258
  if (component.dropdown.isPopoverVisible) {
1256
- evt.preventDefault();
1257
-
1258
1259
  if (evt.altKey || evt.metaKey) {
1259
1260
  component.activateFirstEnabledAvailableOption();
1260
1261
  } else {
@@ -4909,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4909
4910
  }
4910
4911
  };
4911
4912
 
4912
- var formkitVersion$2 = '202604031704';
4913
+ var formkitVersion$2 = '202604032311';
4913
4914
 
4914
4915
  let AuroElement$2 = class AuroElement extends LitElement {
4915
4916
  static get properties() {
@@ -11650,6 +11651,10 @@ class BaseInput extends AuroElement$1 {
11650
11651
  evt.stopPropagation();
11651
11652
  });
11652
11653
 
11654
+ this.clearBtn.addEventListener('click', (evt) => {
11655
+ evt.stopPropagation();
11656
+ });
11657
+
11653
11658
  this.patchInputEvent(this.inputElement);
11654
11659
 
11655
11660
  if (this.wrapperElement) {
@@ -12672,7 +12677,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12672
12677
  }
12673
12678
  };
12674
12679
 
12675
- var formkitVersion$1 = '202604031704';
12680
+ var formkitVersion$1 = '202604032311';
12676
12681
 
12677
12682
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12678
12683
  // See LICENSE in the project root for license information.
@@ -13718,7 +13723,7 @@ class AuroBibtemplate extends LitElement {
13718
13723
  }
13719
13724
  }
13720
13725
 
13721
- var formkitVersion = '202604031704';
13726
+ var formkitVersion = '202604032311';
13722
13727
 
13723
13728
  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}`;
13724
13729
 
@@ -1228,9 +1228,10 @@ const comboboxKeyboardStrategy = {
1228
1228
 
1229
1229
  // option display and navigation are prevented if there are no available options
1230
1230
  if (component.availableOptions.length > 0) {
1231
+ evt.preventDefault();
1232
+
1231
1233
  // navigate if bib is open otherwise open it
1232
1234
  if (component.dropdown.isPopoverVisible) {
1233
- evt.preventDefault();
1234
1235
 
1235
1236
  if (evt.altKey || evt.metaKey) {
1236
1237
  component.activateLastEnabledAvailableOption();
@@ -1251,10 +1252,10 @@ const comboboxKeyboardStrategy = {
1251
1252
 
1252
1253
  // option display and navigation are prevented if there are no available options
1253
1254
  if (component.availableOptions.length > 0) {
1255
+ evt.preventDefault();
1256
+
1254
1257
  // navigate if bib is open otherwise open it
1255
1258
  if (component.dropdown.isPopoverVisible) {
1256
- evt.preventDefault();
1257
-
1258
1259
  if (evt.altKey || evt.metaKey) {
1259
1260
  component.activateFirstEnabledAvailableOption();
1260
1261
  } else {
@@ -4909,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4909
4910
  }
4910
4911
  };
4911
4912
 
4912
- var formkitVersion$2 = '202604031704';
4913
+ var formkitVersion$2 = '202604032311';
4913
4914
 
4914
4915
  let AuroElement$2 = class AuroElement extends LitElement {
4915
4916
  static get properties() {
@@ -11650,6 +11651,10 @@ class BaseInput extends AuroElement$1 {
11650
11651
  evt.stopPropagation();
11651
11652
  });
11652
11653
 
11654
+ this.clearBtn.addEventListener('click', (evt) => {
11655
+ evt.stopPropagation();
11656
+ });
11657
+
11653
11658
  this.patchInputEvent(this.inputElement);
11654
11659
 
11655
11660
  if (this.wrapperElement) {
@@ -12672,7 +12677,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12672
12677
  }
12673
12678
  };
12674
12679
 
12675
- var formkitVersion$1 = '202604031704';
12680
+ var formkitVersion$1 = '202604032311';
12676
12681
 
12677
12682
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12678
12683
  // See LICENSE in the project root for license information.
@@ -13718,7 +13723,7 @@ class AuroBibtemplate extends LitElement {
13718
13723
  }
13719
13724
  }
13720
13725
 
13721
- var formkitVersion = '202604031704';
13726
+ var formkitVersion = '202604032311';
13722
13727
 
13723
13728
  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}`;
13724
13729
 
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1521
1521
  }
1522
1522
  };
1523
1523
 
1524
- var formkitVersion$1 = '202604031704';
1524
+ var formkitVersion$1 = '202604032311';
1525
1525
 
1526
1526
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1527
1527
  // See LICENSE in the project root for license information.
@@ -5580,7 +5580,7 @@ class AuroHelpText extends i$2 {
5580
5580
  }
5581
5581
  }
5582
5582
 
5583
- var formkitVersion = '202604031704';
5583
+ var formkitVersion = '202604032311';
5584
5584
 
5585
5585
  let AuroElement$1 = class AuroElement extends i$2 {
5586
5586
  static get properties() {
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1521
1521
  }
1522
1522
  };
1523
1523
 
1524
- var formkitVersion$1 = '202604031704';
1524
+ var formkitVersion$1 = '202604032311';
1525
1525
 
1526
1526
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1527
1527
  // See LICENSE in the project root for license information.
@@ -5580,7 +5580,7 @@ class AuroHelpText extends i$2 {
5580
5580
  }
5581
5581
  }
5582
5582
 
5583
- var formkitVersion = '202604031704';
5583
+ var formkitVersion = '202604032311';
5584
5584
 
5585
5585
  let AuroElement$1 = class AuroElement extends i$2 {
5586
5586
  static get properties() {
@@ -1471,7 +1471,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1471
1471
  }
1472
1472
  };
1473
1473
 
1474
- var formkitVersion$1 = '202604031704';
1474
+ var formkitVersion$1 = '202604032311';
1475
1475
 
1476
1476
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1477
1477
  // See LICENSE in the project root for license information.
@@ -5512,7 +5512,7 @@ class AuroHelpText extends LitElement {
5512
5512
  }
5513
5513
  }
5514
5514
 
5515
- var formkitVersion = '202604031704';
5515
+ var formkitVersion = '202604032311';
5516
5516
 
5517
5517
  let AuroElement$1 = class AuroElement extends LitElement {
5518
5518
  static get properties() {
@@ -1471,7 +1471,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1471
1471
  }
1472
1472
  };
1473
1473
 
1474
- var formkitVersion$1 = '202604031704';
1474
+ var formkitVersion$1 = '202604032311';
1475
1475
 
1476
1476
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1477
1477
  // See LICENSE in the project root for license information.
@@ -5512,7 +5512,7 @@ class AuroHelpText extends LitElement {
5512
5512
  }
5513
5513
  }
5514
5514
 
5515
- var formkitVersion = '202604031704';
5515
+ var formkitVersion = '202604032311';
5516
5516
 
5517
5517
  let AuroElement$1 = class AuroElement extends LitElement {
5518
5518
  static get properties() {
@@ -32,7 +32,7 @@ The `auro-datepicker` component provides users with a way to select a date or da
32
32
  | [offset](#offset) | `offset` | | `number` | "0" | Gap between the trigger element and bib. |
33
33
  | [onDark](#onDark) | `onDark` | | `boolean` | false | DEPRECATED - use `appearance="inverse"` instead. |
34
34
  | [placeholder](#placeholder) | `placeholder` | | `string` | | Placeholder text to display in the input(s) when no value is set. |
35
- | [placeholderEndDate](#placeholderEndDate) | `placeholderEndDate` | | `string` | | Optional placeholder text to display in the second input when using date range.<br />By default, datepicker will use `placeholder` for both inputs if placeholder is<br />specified, but placeholderendDate is not. |
35
+ | [placeholderEndDate](#placeholderEndDate) | `placeholderEndDate` | | `string` | | Optional placeholder text to display in the second input when using date range.<br />By default, datepicker will use `placeholder` for both inputs if placeholder is<br />specified, but placeholderEndDate is not. |
36
36
  | [placement](#placement) | `placement` | | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
37
37
  | [range](#range) | `range` | | `boolean` | false | If set, turns on date range functionality in auro-calendar. |
38
38
  | [referenceDates](#referenceDates) | `referenceDates` | | `array` | | Dates that the user should have for reference as part of their decision making when selecting a date.<br />This should be a JSON string array of dates in the format of `MM-DD-YYYY`. |