@aurodesignsystem-dev/auro-formkit 0.0.0-pr1452.3 → 0.0.0-pr1452.4

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 (68) hide show
  1. package/components/checkbox/demo/api.html +5 -24
  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.html +4 -22
  6. package/components/combobox/demo/index.min.js +15 -1
  7. package/components/combobox/demo/registered.min.js +3 -3
  8. package/components/combobox/dist/index.js +3 -3
  9. package/components/combobox/dist/registered.js +3 -3
  10. package/components/counter/demo/api.html +6 -27
  11. package/components/counter/demo/index.min.js +8392 -1
  12. package/components/counter/dist/index.js +1 -1
  13. package/components/counter/dist/registered.js +1 -1
  14. package/components/datepicker/demo/api.html +5 -27
  15. package/components/datepicker/demo/index.min.js +24612 -1
  16. package/components/datepicker/dist/index.js +3 -3
  17. package/components/datepicker/dist/registered.js +3 -3
  18. package/components/dropdown/demo/api.html +6 -29
  19. package/components/dropdown/demo/index.min.js +5097 -1
  20. package/components/dropdown/dist/index.js +1 -1
  21. package/components/dropdown/dist/registered.js +1 -1
  22. package/components/form/demo/api.html +6 -25
  23. package/components/form/demo/index.min.js +716 -2
  24. package/components/form/demo/registerDemoDeps.min.js +5 -5
  25. package/components/input/demo/api.html +18 -26
  26. package/components/input/demo/auro-input.min.js +1 -1
  27. package/components/input/dist/index.js +1 -1
  28. package/components/input/dist/registered.js +1 -1
  29. package/components/menu/demo/api.html +6 -28
  30. package/components/menu/demo/index.min.js +2287 -1
  31. package/components/radio/demo/api.html +8 -26
  32. package/components/radio/demo/index.min.js +1 -1
  33. package/components/radio/dist/index.js +1 -1
  34. package/components/radio/dist/registered.js +1 -1
  35. package/components/select/demo/api.html +6 -40
  36. package/components/select/demo/getting-started.min.js +31 -1
  37. package/components/select/demo/registered.min.js +2 -2
  38. package/components/select/dist/index.js +2 -2
  39. package/components/select/dist/registered.js +2 -2
  40. package/package.json +1 -1
  41. package/components/checkbox/demo/api.js +0 -17
  42. package/components/checkbox/demo/api.min.js +0 -26
  43. package/components/combobox/demo/api.js +0 -39
  44. package/components/combobox/demo/api.min.js +0 -106
  45. package/components/combobox/demo/swap-value.min.js +0 -16
  46. package/components/counter/demo/api.js +0 -24
  47. package/components/counter/demo/api.min.js +0 -52
  48. package/components/counter/demo/auro-counter-group.min.js +0 -8394
  49. package/components/datepicker/demo/api.js +0 -37
  50. package/components/datepicker/demo/api.min.js +0 -300
  51. package/components/datepicker/demo/auro-datepicker.min.js +0 -24614
  52. package/components/dropdown/demo/api.js +0 -26
  53. package/components/dropdown/demo/api.min.js +0 -109
  54. package/components/dropdown/demo/auro-dropdown.min.js +0 -5099
  55. package/components/form/demo/api.js +0 -5
  56. package/components/form/demo/api.min.js +0 -8
  57. package/components/form/demo/auro-form.min.js +0 -718
  58. package/components/form/demo/autocomplete.html +0 -31
  59. package/components/input/demo/api.js +0 -8
  60. package/components/input/demo/api.min.js +0 -9
  61. package/components/menu/demo/api.js +0 -29
  62. package/components/menu/demo/api.min.js +0 -121
  63. package/components/menu/demo/auro-menuoption.min.js +0 -2289
  64. package/components/radio/demo/api.js +0 -19
  65. package/components/radio/demo/api.min.js +0 -44
  66. package/components/select/demo/api.js +0 -39
  67. package/components/select/demo/api.min.js +0 -83
  68. package/components/select/demo/update-active-option.min.js +0 -32
@@ -3,7 +3,7 @@
3
3
  See LICENSE in the project root for license information.
4
4
 
5
5
  HTML in this document is standardized and NOT to be edited.
6
- All demo code should be added/edited in ./demo/api.md
6
+ All demo code should be added/edited in ./demo/demo.md
7
7
 
8
8
  With the exception of adding custom elements if needed for the demo.
9
9
 
@@ -17,37 +17,18 @@
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
19
  <title>Auro Web Component Demo | auro-checkbox</title>
20
-
21
- <!-- highlight.js Stylesheet -->
22
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
23
-
24
- <!-- Legacy reference is still needed to support auro-checkbox's use of legacy token values at this time -->
25
20
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
-
27
- <!-- Design Token Alaska Theme -->
28
21
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
-
30
- <!-- Webcore Stylesheet Alaska Theme -->
31
22
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
-
33
- <!-- Demo Specific Styles -->
34
23
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
35
- </head>
36
- <body class="auro-markdown">
37
- <main></main>
38
-
39
- <!-- If additional elements are needed for the demo, add them here. -->
40
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
41
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
42
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
43
24
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
44
-
25
+ <script src="./api.min.js" data-demo-script="true" type="module"></script>
45
26
  <script type="module">
46
27
  import { renderPage } from './demo-support.min.js';
47
28
  await renderPage('./api.md');
48
- import { initExamples } from "./api.min.js";
49
- initExamples();
50
29
  </script>
51
- <script src="./api.min.js" data-demo-script="true" type="module"></script>
30
+ </head>
31
+ <body class="auro-markdown">
32
+ <main></main>
52
33
  </body>
53
34
  </html>
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
1682
1682
  }
1683
1683
  }
1684
1684
 
1685
- var formkitVersion = '202605070601';
1685
+ var formkitVersion = '202605071338';
1686
1686
 
1687
1687
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1688
1688
  // See LICENSE in the project root for license information.
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
1635
1635
  }
1636
1636
  }
1637
1637
 
1638
- var formkitVersion = '202605070601';
1638
+ var formkitVersion = '202605071338';
1639
1639
 
1640
1640
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1641
1641
  // See LICENSE in the project root for license information.
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
1635
1635
  }
1636
1636
  }
1637
1637
 
1638
- var formkitVersion = '202605070601';
1638
+ var formkitVersion = '202605071338';
1639
1639
 
1640
1640
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1641
1641
  // See LICENSE in the project root for license information.
@@ -17,36 +17,18 @@
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
19
  <title>Auro Web Component Demo | auro-combobox</title>
20
-
21
- <!-- highlight.js Stylesheet -->
22
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
23
-
24
- <!-- Legacy reference is still needed to support auro-combobox's use of legacy token values at this time -->
25
20
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
-
27
- <!-- Design Token Alaska Theme -->
28
21
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
-
30
- <!-- Webcore Stylesheet Alaska Theme -->
31
22
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
-
33
- <!-- Demo Specific Styles -->
34
23
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
35
- </head>
36
- <body class="auro-markdown">
37
- <main></main>
38
-
39
- <!-- If additional elements are needed for the demo, add them here. -->
40
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
41
24
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
42
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
43
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
25
+ <script src="./api.min.js" data-demo-script="true" type="module"></script>
44
26
  <script type="module">
45
27
  import { renderPage } from './demo-support.min.js';
46
28
  await renderPage('./api.md');
47
- import { initExamples } from "./api.min.js";
48
- initExamples();
49
29
  </script>
50
- <script src="./api.min.js" data-demo-script="true" type="module"></script>
30
+ </head>
31
+ <body class="auro-markdown">
32
+ <main></main>
51
33
  </body>
52
34
  </html>
@@ -1,6 +1,20 @@
1
- import { s as swapValueExample } from './swap-value.min.js';
2
1
  import { A as AuroCombobox } from './registered.min.js';
3
2
 
3
+ function swapValueExample() {
4
+ const btn = document.querySelector('#swapExampleBtn');
5
+ const comboboxOne = document.querySelector('#swapExampleLeft');
6
+ const comboboxTwo = document.querySelector('#swapExampleRight');
7
+
8
+ btn.addEventListener('click', () => {
9
+ console.warn('swap value example button clicked');
10
+ const valueOne = comboboxOne.value;
11
+ const valueTwo = comboboxTwo.value;
12
+
13
+ comboboxOne.value = valueTwo;
14
+ comboboxTwo.value = valueOne;
15
+ });
16
+ }
17
+
4
18
  /* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
5
19
 
6
20
 
@@ -5278,7 +5278,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
5278
5278
  }
5279
5279
  };
5280
5280
 
5281
- var formkitVersion$2 = '202605070601';
5281
+ var formkitVersion$2 = '202605071338';
5282
5282
 
5283
5283
  let AuroElement$2 = class AuroElement extends i$4 {
5284
5284
  static get properties() {
@@ -13030,7 +13030,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
13030
13030
  }
13031
13031
  };
13032
13032
 
13033
- var formkitVersion$1 = '202605070601';
13033
+ var formkitVersion$1 = '202605071338';
13034
13034
 
13035
13035
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13036
13036
  // See LICENSE in the project root for license information.
@@ -14095,7 +14095,7 @@ class AuroBibtemplate extends i$4 {
14095
14095
  }
14096
14096
  }
14097
14097
 
14098
- var formkitVersion = '202605070601';
14098
+ var formkitVersion = '202605071338';
14099
14099
 
14100
14100
  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}`;
14101
14101
 
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5211
5211
  }
5212
5212
  };
5213
5213
 
5214
- var formkitVersion$2 = '202605070601';
5214
+ var formkitVersion$2 = '202605071338';
5215
5215
 
5216
5216
  let AuroElement$2 = class AuroElement extends LitElement {
5217
5217
  static get properties() {
@@ -12956,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12956
12956
  }
12957
12957
  };
12958
12958
 
12959
- var formkitVersion$1 = '202605070601';
12959
+ var formkitVersion$1 = '202605071338';
12960
12960
 
12961
12961
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12962
12962
  // See LICENSE in the project root for license information.
@@ -14021,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
14021
14021
  }
14022
14022
  }
14023
14023
 
14024
- var formkitVersion = '202605070601';
14024
+ var formkitVersion = '202605071338';
14025
14025
 
14026
14026
  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}`;
14027
14027
 
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5211
5211
  }
5212
5212
  };
5213
5213
 
5214
- var formkitVersion$2 = '202605070601';
5214
+ var formkitVersion$2 = '202605071338';
5215
5215
 
5216
5216
  let AuroElement$2 = class AuroElement extends LitElement {
5217
5217
  static get properties() {
@@ -12956,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12956
12956
  }
12957
12957
  };
12958
12958
 
12959
- var formkitVersion$1 = '202605070601';
12959
+ var formkitVersion$1 = '202605071338';
12960
12960
 
12961
12961
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12962
12962
  // See LICENSE in the project root for license information.
@@ -14021,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
14021
14021
  }
14022
14022
  }
14023
14023
 
14024
- var formkitVersion = '202605070601';
14024
+ var formkitVersion = '202605071338';
14025
14025
 
14026
14026
  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}`;
14027
14027
 
@@ -3,7 +3,7 @@
3
3
  See LICENSE in the project root for license information.
4
4
 
5
5
  HTML in this document is standardized and NOT to be edited.
6
- All demo code should be added/edited in ./demo/index.md
6
+ All demo code should be added/edited in ./demo/demo.md
7
7
 
8
8
  With the exception of adding custom elements if needed for the demo.
9
9
 
@@ -17,39 +17,18 @@
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
19
  <title>Auro Web Component Demo | auro-counter</title>
20
-
21
- <!-- highlight.js Stylesheet -->
22
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
23
-
24
- <!-- Legacy reference is still needed to support auro-counter's use of legacy token values at this time -->
25
20
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
-
27
- <!-- Design Token Alaska Theme -->
28
21
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
-
30
- <!-- Webcore Stylesheet Alaska Theme -->
31
22
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
-
33
- <!-- Demo Specific Styles -->
34
23
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
35
- </head>
36
- <body class="auro-markdown">
37
- <main></main>
38
-
24
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
25
+ <script src="./api.min.js" data-demo-script="true" type="module"></script>
39
26
  <script type="module">
40
27
  import { renderPage } from './demo-support.min.js';
41
- import { initExamples } from './api.min.js';
42
28
  await renderPage('./api.md');
43
- initExamples();
44
29
  </script>
45
-
46
- <!-- If additional elements are needed for the demo, add them here. -->
47
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
48
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
49
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
50
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
51
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
52
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-dialog@latest/+esm" type="module"></script>
53
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-drawer@latest/+esm" type="module"></script>
30
+ </head>
31
+ <body class="auro-markdown">
32
+ <main></main>
54
33
  </body>
55
34
  </html>