@aurodesignsystem-dev/auro-formkit 0.0.0-pr1457.0 → 0.0.0-pr1457.2

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 (244) hide show
  1. package/components/checkbox/README.md +2 -2
  2. package/components/checkbox/demo/accessibility.html +1 -1
  3. package/components/checkbox/demo/api.html +2 -1
  4. package/components/checkbox/demo/customize.html +1 -1
  5. package/components/checkbox/demo/demo-support.js +1 -60
  6. package/components/checkbox/demo/demo-support.min.js +60 -0
  7. package/components/checkbox/demo/design.html +2 -1
  8. package/components/checkbox/demo/getting-started.html +1 -1
  9. package/components/checkbox/demo/getting-started.md +156 -2
  10. package/components/checkbox/demo/index.html +1 -1
  11. package/components/checkbox/demo/index.min.js +3 -2
  12. package/components/checkbox/demo/install.html +49 -0
  13. package/components/checkbox/demo/install.md +2 -2
  14. package/components/checkbox/demo/keyboard-behavior.html +1 -1
  15. package/components/checkbox/demo/pages.json +1 -0
  16. package/components/checkbox/demo/readme.html +2 -1
  17. package/components/checkbox/demo/readme.md +2 -2
  18. package/components/checkbox/demo/styles.min.css +1 -1
  19. package/components/checkbox/demo/voiceover.html +1 -1
  20. package/components/checkbox/dist/auro-checkbox.d.ts +1 -0
  21. package/components/checkbox/dist/index.js +3 -2
  22. package/components/checkbox/dist/registered.js +3 -2
  23. package/components/combobox/README.md +2 -2
  24. package/components/combobox/demo/accessibility.html +1 -3
  25. package/components/combobox/demo/api.html +2 -3
  26. package/components/combobox/demo/customize.html +1 -1
  27. package/components/combobox/demo/demo-support.js +1 -60
  28. package/components/combobox/demo/demo-support.min.js +60 -0
  29. package/components/combobox/demo/design.html +2 -3
  30. package/components/combobox/demo/getting-started.html +1 -1
  31. package/components/combobox/demo/getting-started.md +2 -2
  32. package/components/combobox/demo/index.html +1 -1
  33. package/components/combobox/demo/install.html +50 -0
  34. package/components/combobox/demo/install.md +2 -2
  35. package/components/combobox/demo/keyboard-behavior.html +1 -3
  36. package/components/combobox/demo/pages.json +1 -0
  37. package/components/combobox/demo/readme.html +2 -3
  38. package/components/combobox/demo/readme.md +2 -2
  39. package/components/combobox/demo/registered.min.js +5 -4
  40. package/components/combobox/demo/styles.min.css +1 -1
  41. package/components/combobox/demo/voiceover.html +1 -3
  42. package/components/combobox/dist/index.js +5 -4
  43. package/components/combobox/dist/registered.js +5 -4
  44. package/components/counter/README.md +21 -47
  45. package/components/counter/demo/accessibility.html +49 -0
  46. package/components/counter/demo/accessibility.md +34 -0
  47. package/components/counter/demo/api.html +13 -21
  48. package/components/counter/demo/api.md +49 -1299
  49. package/components/counter/demo/api.min.js +1 -8390
  50. package/components/counter/demo/auro-counter-group.min.js +8392 -0
  51. package/components/counter/demo/customize.html +53 -0
  52. package/components/counter/demo/customize.md +650 -0
  53. package/components/counter/demo/demo-support.js +1 -0
  54. package/components/counter/demo/demo-support.min.js +55792 -0
  55. package/components/counter/demo/design.html +52 -0
  56. package/components/counter/demo/design.md +192 -0
  57. package/components/counter/demo/getting-started.html +54 -0
  58. package/components/counter/demo/getting-started.md +482 -0
  59. package/components/counter/demo/index.html +14 -20
  60. package/components/counter/demo/index.md +117 -51
  61. package/components/counter/demo/index.min.js +1 -8390
  62. package/components/{dropdown/demo/keyboardBehavior.html → counter/demo/keyboard-behavior.html} +9 -42
  63. package/components/counter/demo/keyboardBehavior.html +7 -40
  64. package/components/counter/demo/pages.json +1 -0
  65. package/components/counter/demo/readme.html +12 -16
  66. package/components/counter/demo/readme.md +21 -47
  67. package/components/counter/demo/styles.min.css +1 -0
  68. package/components/counter/demo/styles.scss +1 -0
  69. package/components/counter/demo/voiceover.html +51 -0
  70. package/components/counter/demo/voiceover.md +80 -0
  71. package/components/counter/dist/index.js +2 -2
  72. package/components/counter/dist/registered.js +2 -2
  73. package/components/datepicker/README.md +2 -2
  74. package/components/datepicker/demo/accessibility.html +2 -3
  75. package/components/datepicker/demo/api.html +2 -2
  76. package/components/datepicker/demo/auro-datepicker.min.js +5 -4
  77. package/components/datepicker/demo/customize.html +1 -1
  78. package/components/datepicker/demo/demo-support.js +1 -60
  79. package/components/datepicker/demo/demo-support.min.js +60 -0
  80. package/components/datepicker/demo/design.html +3 -4
  81. package/components/datepicker/demo/getting-started.html +1 -1
  82. package/components/datepicker/demo/getting-started.md +2 -2
  83. package/components/datepicker/demo/index.html +1 -1
  84. package/components/datepicker/demo/keyboard-behavior.html +2 -4
  85. package/components/datepicker/demo/pages.json +1 -0
  86. package/components/datepicker/demo/readme.html +2 -2
  87. package/components/datepicker/demo/readme.md +2 -2
  88. package/components/datepicker/demo/styles.min.css +1 -1
  89. package/components/datepicker/demo/voiceover.html +2 -4
  90. package/components/datepicker/dist/index.js +5 -4
  91. package/components/datepicker/dist/registered.js +5 -4
  92. package/components/dropdown/README.md +0 -21
  93. package/components/dropdown/demo/accessibility.html +49 -0
  94. package/components/dropdown/demo/accessibility.md +45 -0
  95. package/components/dropdown/demo/api.html +11 -20
  96. package/components/dropdown/demo/api.md +40 -1364
  97. package/components/dropdown/demo/api.min.js +2 -5098
  98. package/components/dropdown/demo/auro-dropdown.min.js +5099 -0
  99. package/components/dropdown/demo/customize.html +54 -0
  100. package/components/dropdown/demo/customize.md +780 -0
  101. package/components/dropdown/demo/demo-support.js +1 -0
  102. package/components/dropdown/demo/demo-support.min.js +55792 -0
  103. package/components/dropdown/demo/design.html +52 -0
  104. package/components/dropdown/demo/design.md +186 -0
  105. package/components/dropdown/demo/getting-started.html +54 -0
  106. package/components/dropdown/demo/getting-started.md +463 -0
  107. package/components/dropdown/demo/index.html +12 -21
  108. package/components/dropdown/demo/index.md +78 -233
  109. package/components/dropdown/demo/index.min.js +1 -5097
  110. package/components/dropdown/demo/keyboard-behavior.html +48 -0
  111. package/components/dropdown/demo/pages.json +1 -0
  112. package/components/dropdown/demo/readme.html +8 -21
  113. package/components/dropdown/demo/readme.md +0 -21
  114. package/components/dropdown/demo/styles.min.css +1 -0
  115. package/components/dropdown/demo/styles.scss +1 -0
  116. package/components/dropdown/demo/voiceover.html +51 -0
  117. package/components/dropdown/demo/voiceover.md +63 -0
  118. package/components/dropdown/dist/index.js +1 -1
  119. package/components/dropdown/dist/registered.js +1 -1
  120. package/components/form/README.md +9 -9
  121. package/components/form/demo/accessibility.html +51 -0
  122. package/components/form/demo/accessibility.md +23 -0
  123. package/components/form/demo/api.html +12 -15
  124. package/components/form/demo/api.md +14 -290
  125. package/components/form/demo/api.min.js +2 -71921
  126. package/components/form/demo/auro-form.min.js +718 -0
  127. package/components/form/demo/autocomplete.html +2 -2
  128. package/components/form/demo/customize.html +54 -0
  129. package/components/form/demo/customize.md +246 -0
  130. package/components/form/demo/demo-support.js +1 -0
  131. package/components/form/demo/demo-support.min.js +55792 -0
  132. package/components/form/demo/getting-started.html +54 -0
  133. package/components/form/demo/getting-started.md +434 -0
  134. package/components/form/demo/index.html +13 -15
  135. package/components/form/demo/index.md +67 -97
  136. package/components/form/demo/index.min.js +2 -71921
  137. package/components/form/demo/keyboard-behavior.html +51 -0
  138. package/components/form/demo/pages.json +1 -0
  139. package/components/form/demo/readme.html +13 -18
  140. package/components/form/demo/readme.md +9 -9
  141. package/components/form/demo/registerDemoDeps.min.js +71212 -0
  142. package/components/form/demo/styles.min.css +1 -0
  143. package/components/form/demo/styles.scss +1 -0
  144. package/components/form/demo/voiceover.html +51 -0
  145. package/components/form/demo/voiceover.md +36 -0
  146. package/components/form/demo/working.html +3 -2
  147. package/components/input/README.md +2 -2
  148. package/components/input/demo/accessibility.html +1 -1
  149. package/components/input/demo/api.html +1 -1
  150. package/components/input/demo/auro-input.min.js +3 -2
  151. package/components/input/demo/customize.html +1 -1
  152. package/components/input/demo/demo-support.js +1 -60
  153. package/components/input/demo/demo-support.min.js +60 -0
  154. package/components/input/demo/design.html +2 -1
  155. package/components/input/demo/getting-started.html +1 -1
  156. package/components/input/demo/getting-started.md +2 -2
  157. package/components/input/demo/index.html +1 -1
  158. package/components/input/demo/keyboard-behavior.html +2 -1
  159. package/components/input/demo/pages.json +1 -0
  160. package/components/input/demo/readme.html +2 -2
  161. package/components/input/demo/readme.md +2 -2
  162. package/components/input/demo/styles.min.css +1 -1
  163. package/components/input/demo/voiceover.html +1 -1
  164. package/components/input/dist/base-input.d.ts +1 -0
  165. package/components/input/dist/index.js +3 -2
  166. package/components/input/dist/registered.js +3 -2
  167. package/components/menu/README.md +8 -26
  168. package/components/menu/demo/accessibility.html +53 -0
  169. package/components/menu/demo/accessibility.md +34 -0
  170. package/components/menu/demo/api.html +12 -18
  171. package/components/menu/demo/api.md +43 -1102
  172. package/components/menu/demo/api.min.js +2 -2288
  173. package/components/menu/demo/auro-menu.min.js +2289 -0
  174. package/components/menu/demo/customize.html +54 -0
  175. package/components/menu/demo/customize.md +637 -0
  176. package/components/menu/demo/demo-support.js +1 -0
  177. package/components/menu/demo/demo-support.min.js +55792 -0
  178. package/components/menu/demo/design.html +53 -0
  179. package/components/menu/demo/design.md +81 -0
  180. package/components/menu/demo/getting-started.html +54 -0
  181. package/components/menu/demo/getting-started.md +322 -0
  182. package/components/menu/demo/index.html +14 -20
  183. package/components/menu/demo/index.md +26 -63
  184. package/components/menu/demo/index.min.js +1 -2287
  185. package/components/menu/demo/keyboard-behavior.html +53 -0
  186. package/components/menu/demo/pages.json +1 -0
  187. package/components/menu/demo/readme.html +12 -16
  188. package/components/menu/demo/readme.md +8 -26
  189. package/components/menu/demo/styles.min.css +1 -0
  190. package/components/menu/demo/styles.scss +1 -0
  191. package/components/menu/demo/voiceover.html +53 -0
  192. package/components/menu/demo/voiceover.md +33 -0
  193. package/components/radio/demo/accessibility.html +3 -3
  194. package/components/radio/demo/api.html +3 -3
  195. package/components/radio/demo/api.md +44 -44
  196. package/components/radio/demo/api.min.js +2 -2168
  197. package/components/radio/demo/customize.html +3 -3
  198. package/components/radio/demo/demo-support.js +1 -60
  199. package/components/radio/demo/demo-support.min.js +55792 -0
  200. package/components/radio/demo/design.html +3 -3
  201. package/components/radio/demo/getting-started.html +3 -3
  202. package/components/radio/demo/getting-started.md +154 -0
  203. package/components/radio/demo/index.html +2 -3
  204. package/components/radio/demo/index.min.js +16 -2
  205. package/components/radio/demo/keyboard-behavior.html +3 -3
  206. package/components/radio/demo/pages.json +1 -0
  207. package/components/radio/demo/readme.html +3 -3
  208. package/components/radio/demo/styles.min.css +1 -0
  209. package/components/radio/demo/styles.scss +1 -0
  210. package/components/radio/demo/voiceover.html +3 -3
  211. package/components/radio/dist/index.js +1 -1
  212. package/components/radio/dist/registered.js +1 -1
  213. package/components/select/README.md +2 -2
  214. package/components/select/demo/accessibility.html +1 -1
  215. package/components/select/demo/api.html +2 -1
  216. package/components/select/demo/customize.html +1 -1
  217. package/components/select/demo/demo-support.js +1 -60
  218. package/components/select/demo/demo-support.min.js +60 -0
  219. package/components/select/demo/design.html +2 -1
  220. package/components/select/demo/getting-started.html +1 -1
  221. package/components/select/demo/getting-started.md +2 -2
  222. package/components/select/demo/index.html +1 -1
  223. package/components/select/demo/install.html +50 -0
  224. package/components/select/demo/install.md +2 -2
  225. package/components/select/demo/keyboard-behavior.html +1 -1
  226. package/components/select/demo/keyboardBehavior.html +1 -1
  227. package/components/select/demo/layout.html +2 -1
  228. package/components/select/demo/pages.json +1 -0
  229. package/components/select/demo/readme.html +2 -1
  230. package/components/select/demo/readme.md +2 -2
  231. package/components/select/demo/registered.min.js +2 -2
  232. package/components/select/demo/styles.min.css +1 -1
  233. package/components/select/demo/voiceover.html +1 -1
  234. package/components/select/dist/index.js +2 -2
  235. package/components/select/dist/registered.js +2 -2
  236. package/custom-elements.json +5 -2
  237. package/package.json +2 -2
  238. package/components/counter/demo/keyboard-behavior.md +0 -127
  239. package/components/dropdown/demo/keyboard-behavior.md +0 -72
  240. package/components/form/demo/keyboard-behavior.md +0 -38
  241. package/components/menu/demo/keyboard-behavior.md +0 -18
  242. package/components/radio/demo/keyboard-behavior.md +0 -72
  243. package/components/radio/demo/layout.md +0 -30
  244. package/components/radio/demo/styles.css +0 -974
package/components/checkbox/dist/registered.js CHANGED
@@ -190,7 +190,8 @@ class AuroCheckbox extends LitElement {
190
190
  * The id global attribute defines an identifier (ID) which must be unique in the whole document.
191
191
  */
192
192
  id: {
193
- type: String
193
+ type: String,
194
+ reflect: true
194
195
  },
195
196
 
196
197
  /**
@@ -1634,7 +1635,7 @@ class AuroHelpText extends LitElement {
1634
1635
  }
1635
1636
  }
1636
1637
 
1637
- var formkitVersion = '202605041857';
1638
+ var formkitVersion = '202605051928';
1638
1639
 
1639
1640
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1640
1641
  // See LICENSE in the project root for license information.
package/components/combobox/README.md CHANGED
@@ -60,7 +60,7 @@ The `<auro-combobox>` element should be used in situations where users may:
60
60
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentInstall.md) -->
61
61
  <!-- The below content is automatically added from ../../docs/templates/componentInstall.md -->
62
62
 
63
- <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/</code></pre>
63
+ <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
64
64
  <!-- AURO-GENERATED-CONTENT:END -->
65
65
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/gettingStarted.md) -->
66
66
  <!-- The below content is automatically added from ../../docs/templates/gettingStarted.md -->
@@ -84,7 +84,7 @@ This configuration enables proper module resolution for the component's TypeScri
84
84
  <!-- The below content is automatically added from ../../docs/templates/bundleInstallDescription.md -->
85
85
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
86
86
 
87
- <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
87
+ <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
88
88
  <!-- AURO-GENERATED-CONTENT:END -->
89
89
 
90
90
  ## Formkit Development
package/components/combobox/demo/accessibility.html CHANGED
@@ -31,15 +31,13 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  </head>
38
36
  <body class="auro-markdown">
39
37
  <main></main>
40
38
 
41
39
  <script type="module">
42
- import { renderPage } from './demo-support.js';
40
+ import { renderPage } from './demo-support.min.js';
43
41
  await renderPage('./accessibility.md');
44
42
  </script>
45
43
 
package/components/combobox/demo/api.html CHANGED
@@ -31,8 +31,6 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  </head>
38
36
  <body class="auro-markdown">
@@ -40,10 +38,11 @@
40
38
 
41
39
  <!-- If additional elements are needed for the demo, add them here. -->
42
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-hyperlink@latest/+esm" type="module"></script>
43
42
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
44
43
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
45
44
  <script type="module">
46
- import { renderPage } from './demo-support.js';
45
+ import { renderPage } from './demo-support.min.js';
47
46
  await renderPage('./api.md');
48
47
  import { initExamples } from "./api.min.js";
49
48
  initExamples();
package/components/combobox/demo/customize.html CHANGED
@@ -42,7 +42,7 @@
42
42
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
43
43
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
44
44
  <script type="module">
45
- import { renderPage } from './demo-support.js';
45
+ import { renderPage } from './demo-support.min.js';
46
46
  await renderPage('./customize.md');
47
47
  import { initExamples } from "./customize.min.js";
48
48
  initExamples();
package/components/combobox/demo/demo-support.js CHANGED
@@ -1,60 +1 @@
1
- import {unified} from 'unified';
2
- import remarkParse from 'remark-parse';
3
- import remarkGfm from 'remark-gfm';
4
- import remarkRehype from 'remark-rehype';
5
- import rehypeRaw from 'rehype-raw';
6
- import rehypeHighlight from 'rehype-highlight';
7
- import rehypeStringify from 'rehype-stringify';
8
-
9
- export async function renderPage(mdPath) {
10
- const response = await fetch(mdPath);
11
- const text = await response.text();
12
- const result = await unified()
13
- .use(remarkParse)
14
- .use(remarkGfm)
15
- .use(remarkRehype, { allowDangerousHtml: true })
16
- .use(rehypeRaw)
17
- .use(rehypeHighlight)
18
- .use(rehypeStringify)
19
- .process(text);
20
-
21
- document.querySelector('main').innerHTML = String(result);
22
- addCopyButtons();
23
- }
24
-
25
- function addCopyButtons() {
26
- document.querySelectorAll('pre code[class*="language-"], pre code[class*="hljs"]').forEach((code) => {
27
- const pre = code.parentElement;
28
- const wrapper = document.createElement('div');
29
- wrapper.className = 'pre-wrapper';
30
- pre.parentNode.insertBefore(wrapper, pre);
31
- wrapper.appendChild(pre);
32
- const btn = document.createElement('button');
33
- btn.className = 'copy-btn';
34
- btn.textContent = 'Copy';
35
- btn.addEventListener('click', () => {
36
- const raw = code.textContent;
37
- const text = raw.replace(/\u200B/g, '').replace(/^\n+/, '').replace(/\n+$/, '\n').replace(/^\$ /, '');
38
- navigator.clipboard.writeText(text).then(() => {
39
- btn.textContent = 'Copied!';
40
- setTimeout(() => { btn.textContent = 'Copy'; }, 1500);
41
- });
42
- });
43
- wrapper.appendChild(btn);
44
- });
45
- }
46
-
47
- export function openAccordion(id) {
48
- document.querySelectorAll('auro-accordion').forEach((accordion) => {
49
- accordion.removeAttribute('expanded');
50
- });
51
- const target = document.getElementById(id);
52
- if (target) {
53
- target.setAttribute('expanded', '');
54
- setTimeout(() => {
55
- target.scrollIntoView({ behavior: 'smooth', block: 'start' });
56
- }, 550);
57
- }
58
- }
59
-
60
- window.openAccordion = openAccordion;
1
+ export { renderPage, openAccordion } from '@aurodesignsystem/utils/demo-support';
package/components/combobox/demo/demo-support.min.js CHANGED
@@ -55676,7 +55676,67 @@ function rehypeStringify(options) {
55676
55676
  }
55677
55677
  }
55678
55678
 
55679
+ /**
55680
+ * Fetches the docs/pages/ directory listing, builds a nav bar with links to
55681
+ * each .md file, and prepends it to <body>. Clicking a link renders that page
55682
+ * without a full reload. Pass the path to the pages directory relative to the
55683
+ * HTML file, e.g. '../docs/pages/'.
55684
+ *
55685
+ * @param {string} pagesDir - Path to the docs/pages directory.
55686
+ * @param {string} [activeFile] - Filename (no path) of the currently active page.
55687
+ */
55688
+ async function injectPageNav(pagesDir, activeFile) {
55689
+ let files = [];
55690
+ try {
55691
+ const res = await fetch(`${pagesDir}pages.json`);
55692
+ if (!res.ok) {
55693
+ return;
55694
+ }
55695
+ files = await res.json();
55696
+ } catch {
55697
+ return;
55698
+ }
55699
+
55700
+ if (!files.length) {
55701
+ return;
55702
+ }
55703
+
55704
+ const nav = document.createElement('nav');
55705
+ nav.id = 'page-nav';
55706
+
55707
+ files.forEach((file) => {
55708
+ const label = file.replace(/\.md$/, '').replace(/-/g, ' ');
55709
+ const a = document.createElement('auro-hyperlink');
55710
+ a.textContent = label;
55711
+ a.setAttribute('href', `./${file.replace(/\.md$/, '.html')}`);
55712
+ a.setAttribute('type', 'cta');
55713
+ a.setAttribute('variant', 'ghost');
55714
+ a.setAttribute('size', 'sm');
55715
+ a.dataset.page = file;
55716
+
55717
+ if (file === activeFile) {
55718
+ a.setAttribute('variant', 'tertiary');
55719
+ }
55720
+
55721
+ nav.appendChild(a);
55722
+ });
55723
+
55724
+ document.body.prepend(nav);
55725
+ }
55726
+
55679
55727
  async function renderPage(mdPath) {
55728
+ if (!document.getElementById('page-nav')) {
55729
+ let pagesDir;
55730
+ if (mdPath.includes('/docs/pages/')) {
55731
+ pagesDir = mdPath.substring(0, mdPath.lastIndexOf('/') + 1);
55732
+ } else {
55733
+ // mdPath is like './index.md' served from demo/ — pages.json is co-located
55734
+ pagesDir = mdPath.substring(0, mdPath.lastIndexOf('/') + 1);
55735
+ }
55736
+ const activeFile = mdPath.split('/').pop();
55737
+ await injectPageNav(pagesDir, activeFile);
55738
+ }
55739
+
55680
55740
  const response = await fetch(mdPath);
55681
55741
  const text = await response.text();
55682
55742
  const result = await unified()
package/components/combobox/demo/design.html CHANGED
@@ -31,15 +31,13 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  </head>
38
36
  <body class="auro-markdown">
39
37
  <main></main>
40
38
 
41
39
  <script type="module">
42
- import { renderPage } from './demo-support.js';
40
+ import { renderPage } from './demo-support.min.js';
43
41
  await renderPage('./design.md');
44
42
  </script>
45
43
 
@@ -47,6 +45,7 @@
47
45
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
48
46
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
49
47
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
48
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
50
49
 
51
50
  <script src="./index.min.js" data-demo-script="true" type="module"></script>
52
51
  </body>
package/components/combobox/demo/getting-started.html CHANGED
@@ -42,7 +42,7 @@
42
42
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
43
43
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
44
44
  <script type="module">
45
- import { renderPage } from './demo-support.js';
45
+ import { renderPage } from './demo-support.min.js';
46
46
  await renderPage('./getting-started.md');
47
47
  import { initExamples } from "./getting-started.min.js";
48
48
  initExamples();
package/components/combobox/demo/getting-started.md CHANGED
@@ -47,7 +47,7 @@
47
47
  <auro-header level="3">Install</auro-header>
48
48
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../../docs/templates/componentInstall.md) -->
49
49
  <!-- The below content is automatically added from ./../../../docs/templates/componentInstall.md -->
50
- <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/</code></pre>
50
+ <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
51
51
  <!-- AURO-GENERATED-CONTENT:END -->
52
52
  <auro-header level="3">Implementation</auro-header>
53
53
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/customRegistration.md) -->
@@ -89,7 +89,7 @@ AuroCombobox.register('custom-combobox');</code></pre>
89
89
  <auro-header level="3">Install</auro-header>
90
90
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../../docs/templates/componentInstall.md) -->
91
91
  <!-- The below content is automatically added from ./../../../docs/templates/componentInstall.md -->
92
- <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/</code></pre>
92
+ <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
93
93
  <!-- AURO-GENERATED-CONTENT:END -->
94
94
  <auro-header level="3">Implementation</auro-header>
95
95
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/defaultRegistration.md) -->
package/components/combobox/demo/index.html CHANGED
@@ -45,7 +45,7 @@
45
45
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
46
46
 
47
47
  <script type="module">
48
- import { renderPage } from './demo-support.js';
48
+ import { renderPage } from './demo-support.min.js';
49
49
  await renderPage('./index.md');
50
50
  import { initExamples } from "./index.min.js";
51
51
  initExamples();
package/components/combobox/demo/install.html ADDED
@@ -0,0 +1,50 @@
1
+ <!--
2
+ Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
3
+ See LICENSE in the project root for license information.
4
+
5
+ HTML in this document is standardized and NOT to be edited.
6
+ All demo code should be added/edited in ./demo/install.md
7
+
8
+ With the exception of adding custom elements if needed for the demo.
9
+
10
+ ----------------------- DO NOT EDIT -----------------------------
11
+
12
+ -->
13
+
14
+ <!DOCTYPE html>
15
+ <html lang="en">
16
+ <head>
17
+ <meta charset="UTF-8" />
18
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
+ <title>Auro Web Component Demo | auro-combobox | Install</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
+ <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
+ <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
+ <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
+ <link rel="stylesheet" type="text/css" href="./styles.min.css" />
35
+ </head>
36
+ <body class="auro-markdown">
37
+ <main></main>
38
+
39
+ <script type="module">
40
+ import { renderPage } from './demo-support.min.js';
41
+ await renderPage('./install.md');
42
+ </script>
43
+
44
+ <!-- If additional elements are needed for the demo, add them here. -->
45
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
46
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
47
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
48
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
49
+ </body>
50
+ </html>
package/components/combobox/demo/install.md CHANGED
@@ -3,7 +3,7 @@
3
3
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../../docs/templates/componentInstall.md) -->
4
4
  <!-- The below content is automatically added from ./../../../docs/templates/componentInstall.md -->
5
5
 
6
- <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/</code></pre>
6
+ <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
7
7
  <!-- AURO-GENERATED-CONTENT:END -->
8
8
  <auro-header level="2" id="gettingStarted">Getting Started</auro-header>
9
9
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../../docs/templates/gettingStarted.md) -->
@@ -41,7 +41,7 @@ This import registers the `<auro-combobox>` custom element globally. You can the
41
41
  <!-- The below content is automatically added from ./../../../docs/templates/bundleInstallDescription.md -->
42
42
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
43
43
 
44
- <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
44
+ <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
45
45
  <!-- AURO-GENERATED-CONTENT:END -->
46
46
  <auro-header level="2" id="customRegistration">Custom Component Registration</auro-header>
47
47
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/customRegistration.md) -->
package/components/combobox/demo/keyboard-behavior.html CHANGED
@@ -31,8 +31,6 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  <style>
38
36
  table {
@@ -64,7 +62,7 @@
64
62
  <main></main>
65
63
 
66
64
  <script type="module">
67
- import { renderPage } from './demo-support.js';
65
+ import { renderPage } from './demo-support.min.js';
68
66
  await renderPage('./keyboard-behavior.md');
69
67
  </script>
70
68
 
package/components/combobox/demo/pages.json ADDED
@@ -0,0 +1 @@
1
+ ["accessibility.md","api.md","customize.md","design.md","getting-started.md","index.md","install.md","keyboard-behavior.md","voiceover.md"]
package/components/combobox/demo/readme.html CHANGED
@@ -31,20 +31,19 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  </head>
38
36
  <body class="auro-markdown">
39
37
  <main></main>
40
38
 
41
39
  <script type="module">
42
- import { renderPage } from './demo-support.js';
40
+ import { renderPage } from './demo-support.min.js';
43
41
  await renderPage('./readme.md');
44
42
  </script>
45
43
  <script src="./index.min.js" data-demo-script="true" type="module"></script>
46
44
 
47
45
  <!-- If additional elements are needed for the demo, add them here. -->
48
46
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
47
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
49
48
  </body>
50
49
  </html>
package/components/combobox/demo/readme.md CHANGED
@@ -60,7 +60,7 @@ The `<auro-combobox>` element should be used in situations where users may:
60
60
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentInstall.md) -->
61
61
  <!-- The below content is automatically added from ../../docs/templates/componentInstall.md -->
62
62
 
63
- <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/</code></pre>
63
+ <pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
64
64
  <!-- AURO-GENERATED-CONTENT:END -->
65
65
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/gettingStarted.md) -->
66
66
  <!-- The below content is automatically added from ../../docs/templates/gettingStarted.md -->
@@ -84,7 +84,7 @@ This configuration enables proper module resolution for the component's TypeScri
84
84
  <!-- The below content is automatically added from ../../docs/templates/bundleInstallDescription.md -->
85
85
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
86
86
 
87
- <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
87
+ <pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-combobox/+esm"&gt;&lt;/script&gt;</code></pre>
88
88
  <!-- AURO-GENERATED-CONTENT:END -->
89
89
 
90
90
  ## Formkit Development
package/components/combobox/demo/registered.min.js CHANGED
@@ -5278,7 +5278,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
5278
5278
  }
5279
5279
  };
5280
5280
 
5281
- var formkitVersion$2 = '202605041857';
5281
+ var formkitVersion$2 = '202605051928';
5282
5282
 
5283
5283
  let AuroElement$2 = class AuroElement extends i$4 {
5284
5284
  static get properties() {
@@ -11750,7 +11750,8 @@ class BaseInput extends AuroElement$1 {
11750
11750
  * The id global attribute defines an identifier (ID) which must be unique in the whole document.
11751
11751
  */
11752
11752
  id: {
11753
- type: String
11753
+ type: String,
11754
+ reflect: true
11754
11755
  },
11755
11756
 
11756
11757
  /**
@@ -13029,7 +13030,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
13029
13030
  }
13030
13031
  };
13031
13032
 
13032
- var formkitVersion$1 = '202605041857';
13033
+ var formkitVersion$1 = '202605051928';
13033
13034
 
13034
13035
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13035
13036
  // See LICENSE in the project root for license information.
@@ -14094,7 +14095,7 @@ class AuroBibtemplate extends i$4 {
14094
14095
  }
14095
14096
  }
14096
14097
 
14097
- var formkitVersion = '202605041857';
14098
+ var formkitVersion = '202605051928';
14098
14099
 
14099
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}`;
14100
14101
 
package/components/combobox/demo/styles.min.css CHANGED
@@ -1 +1 @@
1
- @import'@aurodesignsystem/webcorestylesheets/dist/elementDemoStyles.css';@import'@aurodesignsystem/webcorestylesheets/dist/demoWrapper.css'
1
+ .container{display:grid;margin-left:auto;margin-right:auto;max-width:1232px}.pagecontainer{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;max-width:1232px}@media screen and (min-width: 576px){.pagecontainer{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 768px){.pagecontainer{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.pagecontainer{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1232px){.pagecontainer{padding-left:2rem;padding-right:2rem}}.pagecontainer.breadcrumbs{margin-block-end:3.35rem}.pageLayout-2colAnchorNav{display:grid;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1232px;gap:2rem;grid-template-areas:"breadcrumbs" "anchornav" "main"}@media screen and (min-width: 576px){.pageLayout-2colAnchorNav{gap:var(--ds-grid-gutter-sm, 1rem)}}@media screen and (min-width: 768px){.pageLayout-2colAnchorNav{gap:var(--ds-grid-gutter-md, 1.5rem)}}@media screen and (min-width: 1024px){.pageLayout-2colAnchorNav{gap:var(--ds-grid-gutter-lg, 1.5rem)}}@media screen and (min-width: 1232px){.pageLayout-2colAnchorNav{gap:var(--ds-grid-gutter-xl, 2rem)}}@media screen and (min-width: 576px){.pageLayout-2colAnchorNav{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 768px){.pageLayout-2colAnchorNav{padding-left:1.5rem;padding-right:1.5rem;grid-template-columns:auto var(--fixed-anchor-width, 168px);grid-template-areas:"breadcrumbs breadcrumbs" "main anchornav"}}@media screen and (min-width: 1024px){.pageLayout-2colAnchorNav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1232px){.pageLayout-2colAnchorNav{padding-left:2rem;padding-right:2rem}}.pageLayout-2colAnchorNav .breadcrumbs{grid-area:breadcrumbs}.pageLayout-2colAnchorNav .main{grid-area:main}.pageLayout-2colAnchorNav .main *{scroll-margin-top:var(--ds-grid-margin-md, 1.5rem)}.pageLayout-2colAnchorNav .anchornav{grid-area:anchornav}@media screen and (min-width: 768px){.pageLayout-2colAnchorNav .anchornav{position:sticky;top:0;max-height:100vh;padding-top:var(--ds-grid-margin-xl, 2rem)}}.pageLayout-2colSideNav{display:grid;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;max-width:1232px;gap:2rem;grid-template-areas:"breadcrumbs" "sidenav" "main"}@media screen and (min-width: 576px){.pageLayout-2colSideNav{gap:var(--ds-grid-gutter-sm, 1rem)}}@media screen and (min-width: 768px){.pageLayout-2colSideNav{gap:var(--ds-grid-gutter-md, 1.5rem)}}@media screen and (min-width: 1024px){.pageLayout-2colSideNav{gap:var(--ds-grid-gutter-lg, 1.5rem)}}@media screen and (min-width: 1232px){.pageLayout-2colSideNav{gap:var(--ds-grid-gutter-xl, 2rem)}}@media screen and (min-width: 768px){.pageLayout-2colSideNav{padding-left:1.5rem;padding-right:1.5rem;grid-template-columns:var(--fixed-nav-width, 280px) auto;grid-template-areas:"breadcrumbs breadcrumbs" "sidenav main"}}@media screen and (min-width: 1024px){.pageLayout-2colSideNav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1232px){.pageLayout-2colSideNav{padding-left:2rem;padding-right:2rem}}.pageLayout-2colSideNav .breadcrumbs{grid-area:breadcrumbs;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-2colSideNav .breadcrumbs{padding-left:0;padding-right:0}}.pageLayout-2colSideNav .sidenav{grid-area:sidenav;background-color:var(--ds-color-container-primary-default, #ffffff);padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-2colSideNav .sidenav{padding-left:0;padding-right:0;background-color:transparent}}.pageLayout-2colSideNav .main{grid-area:main;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-2colSideNav .main{padding-left:0;padding-right:0}}.pageLayout-2colSideNav .main *{scroll-margin-top:var(--ds-grid-margin-md, 1.5rem)}.pageLayout-3col{display:grid;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;max-width:1232px;gap:2rem;grid-template-areas:"breadcrumbs" "sidenav" "anchornav" "main"}@media screen and (min-width: 576px){.pageLayout-3col{gap:var(--ds-grid-gutter-sm, 1rem)}}@media screen and (min-width: 768px){.pageLayout-3col{gap:var(--ds-grid-gutter-md, 1.5rem)}}@media screen and (min-width: 1024px){.pageLayout-3col{gap:var(--ds-grid-gutter-lg, 1.5rem)}}@media screen and (min-width: 1232px){.pageLayout-3col{gap:var(--ds-grid-gutter-xl, 2rem)}}@media screen and (min-width: 768px){.pageLayout-3col{padding-left:1.5rem;padding-right:1.5rem;grid-template-columns:var(--fixed-nav-width, 280px) auto var(--fixed-anchor-width, 168px);grid-template-areas:"breadcrumbs breadcrumbs breadcrumbs" "sidenav main anchornav"}}@media screen and (min-width: 1024px){.pageLayout-3col{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1232px){.pageLayout-3col{padding-left:2rem;padding-right:2rem}}.pageLayout-3col .breadcrumbs{grid-area:breadcrumbs;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-3col .breadcrumbs{padding-left:0;padding-right:0}}.pageLayout-3col .sidenav{grid-area:sidenav;z-index:1;background-color:var(--ds-color-container-primary-default, #ffffff);padding-left:1rem;padding-right:1rem;position:sticky;top:0;--align-self: stretch;align-self:var(--align-self)}@media screen and (min-width: 768px){.pageLayout-3col .sidenav{padding-left:0;padding-right:0;background-color:transparent}}.pageLayout-3col .main{grid-area:main;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-3col .main{padding-left:0;padding-right:0}}.pageLayout-3col .main *{scroll-margin-top:var(--ds-grid-margin-md, 1.5rem)}.pageLayout-3col .anchornav{grid-area:anchornav;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 768px){.pageLayout-3col .anchornav{position:sticky;top:0;max-height:100vh;padding-top:var(--ds-grid-margin-xl, 2rem)}}@media screen and (min-width: 768px){.pageLayout-3col .anchornav{padding-left:0;padding-right:0}}@font-face{font-family:"AS Circular";font-weight:var(--ds-text-heading-display-weight, 100);font-style:normal;font-display:fallback;src:url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltd55b385b9432ca51/ASCircularWeb-Light?environment=production") format("woff2"),url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt1566a6d54c0bf457/ASCircularWeb-Light?environment=production") format("woff")}@font-face{font-family:"AS Circular";font-weight:var(--ds-text-heading-medium-weight, 300);font-style:normal;font-display:fallback;src:url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltc48385a5d7dd0f20/ASCircularWeb-Medium?environment=production") format("woff2"),url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltf30c93842722e935/ASCircularWeb-Medium?environment=production") format("woff")}@font-face{font-family:"AS Circular";font-weight:var(--ds-text-body-default-weight, 500);font-style:normal;font-display:fallback;src:url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt3b851fb0e0de3833/ASCircularWeb-Book?environment=production") format("woff2"),url("https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt8b440e82e9793058/ASCircularWeb-Book?environment=production") format("woff")}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:var(--ds-text-body-size-default, 1rem)}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:var(--ds-text-body-size-default, 1rem)}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:var(--ds-text-body-height-default, 1.5rem)}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:none;appearance:none}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield;appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.heading,.auro-markdown h1,.auro-markdown h2,.auro-markdown h3{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display,.auro-markdown h1{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display,.auro-markdown h1{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display,.auro-markdown h1{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700,.auro-markdown h2{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700,.auro-markdown h2{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700,.auro-markdown h2{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600,.auro-markdown h3{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600,.auro-markdown h3{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600,.auro-markdown h3{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500,.auro-markdown h4{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500,.auro-markdown h4{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500,.auro-markdown h4{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}blockquote{margin-left:0;border-left:1px solid var(--ds-color-border-ui-active-default, #225296);padding:var(--ds-size-100, 0.5rem);padding-left:var(--ds-size-400, 2rem);color:var(--ds-color-text-secondary-default, #525252);font-weight:200;margin-top:var(--ds-size-300, 1.5rem);margin-bottom:var(--ds-size-300, 1.5rem)}blockquote p,blockquote .auro-markdown p,.auro-markdown blockquote p{line-height:2}blockquote p:last-child{margin-bottom:0}blockquote+p,.auro-markdown blockquote+p{margin-bottom:var(--ds-size-400, 2rem)}.auro_table,.auro-markdown table{display:block;overflow:scroll;width:auto;margin-bottom:var(--ds-size-400, 2rem);border-spacing:var(--ds-size-150, 0.75rem);border-collapse:collapse;font-weight:var(--ds-text-heading-display-weight, 100)}.auro_table tr:nth-child(even),.auro-markdown table tr:nth-child(even){background-color:var(--ds-color-container-secondary-default, #f7f7f7)}.auro_table th,.auro-markdown table th{text-align:left;font-weight:var(--ds-text-heading-default-weight, 500)}@media screen and (min-width: 576px){.auro_table,.auro-markdown table{display:table;width:100%}}.auro_table thead,.auro-markdown table thead{border-collapse:collapse;border-bottom:1px solid var(--ds-color-border-tertiary-default, #dddddd)}.auro_table th,.auro-markdown table th,.auro_table td,.auro-markdown table td{padding:var(--ds-size-200, 1rem)}*:focus-visible{outline:1px solid var(--ds-color-border-ui-focus-default, #2c67b5)}:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:var(--ds-text-body-size-default, 1rem);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,.baseType{margin:0;color:var(--ds-color-text-primary-default, #2a2a2a);font-family:var(--ds-font-family-default, "AS Circular", "Helvetica Neue", Arial, sans-serif);font-variant-ligatures:no-common-ligatures;font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph{margin:0 0 1rem;line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph .hyperlink,.baseParagraph .auro-markdown a,.auro-markdown .baseParagraph a{text-decoration:underline}.hyperlink,.auro-markdown a{text-decoration:underline;color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink:visited,.auro-markdown a:visited{color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline !important}.hyperlink--ondark{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink--ondark:not(.is-touching):hover{color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}.hyperlink--ondark:visited{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink:not(.is-touching):hover,.auro-markdown a:not(.is-touching):hover{text-decoration:none;color:var(--ds-color-text-ui-hover-default, #193d73)}img{max-width:100%}small,.type--small{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-height-xs, 1rem)}.fineprint{font-family:var(--ds-font-family-default, "AS Circular", "Helvetica Neue", Arial, sans-serif);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-height-xs, 1rem);color:var(--ds-color-text-secondary-default, #525252)}.auro-markdown p:last-child{margin-bottom:0}.hljs{background-color:unset !important;padding:unset !important}pre{background:var(--ds-color-brand-gray-100, #f7f7f7) !important;border:unset !important;padding:var(--ds-size-200) !important;margin-bottom:var(--ds-size-300, 1.5rem) !important;border-style:solid !important;border-width:1px !important;border-color:var(--ds-color-border-secondary-default) !important;border-radius:.5rem;margin-top:var(--ds-size-200) !important;box-shadow:inset 0 2px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.1) !important;overflow-x:scroll !important}pre code{font-size:.85rem !important;font-family:monospace;text-shadow:none}.pre-wrapper:last-of-type pre{margin-bottom:0 !important}code:not(.html):not(.css):not(.js):not([class*=language-]){color:var(--ds-color-brand-flamingo-500, #b82b47);margin-bottom:0 !important}.token.operator{background-color:unset !important}auro-accordion:not(.section){margin-top:1rem !important;display:block}auro-accordion:not(.section):nth-child(2){margin-block-start:0}auro-accordion[class~=section]::part(accordion){padding-right:2px;display:block}.accordion-content{padding-top:1rem}.token.operator{background-color:unset !important}auro-accordion:not(auro-accordion-group *){margin-top:1rem !important;display:block}.pre-wrapper{position:relative}.copy-btn{position:absolute;top:6px;right:6px;opacity:0;transition:opacity .15s ease;background:var(--ds-color-container-primary-default, #fff);border:1px solid var(--ds-color-border-secondary-default, #ccc);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;line-height:1;color:var(--ds-color-text-secondary-default, #333);z-index:1}.copy-btn:hover{background:var(--ds-color-container-secondary-default, #f0f0f0)}.pre-wrapper:hover .copy-btn{opacity:1}.exampleWrapper{background-color:var(--ds-basic-color-surface-default);padding:1rem;border-radius:.5rem;margin-top:1rem}.exampleWrapper--ondark{background-color:var(--ds-basic-color-surface-inverse);padding:1rem;border-radius:.5rem;margin-top:1rem}table{--ds-color-container-secondary-default: transparent}table.compressed{width:unset !important;margin:var(--ds-size-50) 0 var(--ds-size-100) !important}table.compressed th,table.compressed td{padding:var(--ds-size-50) !important}tr:not(:last-of-type){border-bottom:1px solid var(--ds-color-border-tertiary-default)}body{padding:0;display:flex;flex-direction:column;height:100vh}main{display:flex;flex-direction:column;min-height:0;flex:1}.contentWrapper{display:flex;flex-direction:row-reverse;gap:25px;align-items:flex-start}.contentWrapper>nav{width:200px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.contentWrapper>nav auro-nav{display:block}.mainContent{flex:1;display:flex;flex-direction:column;flex-basis:0;box-sizing:border-box;min-width:0}.scrollWrapper{flex:1;min-height:0}auro-nav{max-width:200px;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow-y:auto}auro-anchorlink[class~=level2]{padding-left:var(--ds-size-200)}p:first-of-type{margin-top:0}.note,.warning{margin:10px 0;padding:10px;border-radius:6px;font-style:italic}.note{background-color:var(--ds-basic-color-surface-neutral-subtle);color:var(--ds-basic-color-texticon-muted)}.warning{background-color:var(--ds-basic-color-status-error-subtle);color:var(--ds-basic-color-status-error)}auro-header{margin-top:1rem}body{padding:var(--ds-size-400, 2rem)}main{margin:0 auto;max-width:64rem}#page-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px 16px;background:var(--ds-color-background-lightest, #fff);border-bottom:1px solid var(--ds-color-border-subtle, #ddd);font-family:var(--ds-text-body-default-font, sans-serif);font-size:.8rem}
package/components/combobox/demo/voiceover.html CHANGED
@@ -31,8 +31,6 @@
31
31
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
32
 
33
33
  <!-- Demo Specific Styles -->
34
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
35
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
36
34
  <link rel="stylesheet" type="text/css" href="./styles.min.css" />
37
35
  <style>
38
36
  table {
@@ -48,7 +46,7 @@
48
46
  <main></main>
49
47
 
50
48
  <script type="module">
51
- import { renderPage } from './demo-support.js';
49
+ import { renderPage } from './demo-support.min.js';
52
50
  await renderPage('./voiceover.md');
53
51
  </script>
54
52
 
package/components/combobox/dist/index.js CHANGED
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5211
5211
  }
5212
5212
  };
5213
5213
 
5214
- var formkitVersion$2 = '202605041857';
5214
+ var formkitVersion$2 = '202605051928';
5215
5215
 
5216
5216
  let AuroElement$2 = class AuroElement extends LitElement {
5217
5217
  static get properties() {
@@ -11676,7 +11676,8 @@ class BaseInput extends AuroElement$1 {
11676
11676
  * The id global attribute defines an identifier (ID) which must be unique in the whole document.
11677
11677
  */
11678
11678
  id: {
11679
- type: String
11679
+ type: String,
11680
+ reflect: true
11680
11681
  },
11681
11682
 
11682
11683
  /**
@@ -12955,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12955
12956
  }
12956
12957
  };
12957
12958
 
12958
- var formkitVersion$1 = '202605041857';
12959
+ var formkitVersion$1 = '202605051928';
12959
12960
 
12960
12961
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12961
12962
  // See LICENSE in the project root for license information.
@@ -14020,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
14020
14021
  }
14021
14022
  }
14022
14023
 
14023
- var formkitVersion = '202605041857';
14024
+ var formkitVersion = '202605051928';
14024
14025
 
14025
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}`;
14026
14027
 
package/components/combobox/dist/registered.js CHANGED
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5211
5211
  }
5212
5212
  };
5213
5213
 
5214
- var formkitVersion$2 = '202605041857';
5214
+ var formkitVersion$2 = '202605051928';
5215
5215
 
5216
5216
  let AuroElement$2 = class AuroElement extends LitElement {
5217
5217
  static get properties() {
@@ -11676,7 +11676,8 @@ class BaseInput extends AuroElement$1 {
11676
11676
  * The id global attribute defines an identifier (ID) which must be unique in the whole document.
11677
11677
  */
11678
11678
  id: {
11679
- type: String
11679
+ type: String,
11680
+ reflect: true
11680
11681
  },
11681
11682
 
11682
11683
  /**
@@ -12955,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12955
12956
  }
12956
12957
  };
12957
12958
 
12958
- var formkitVersion$1 = '202605041857';
12959
+ var formkitVersion$1 = '202605051928';
12959
12960
 
12960
12961
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12961
12962
  // See LICENSE in the project root for license information.
@@ -14020,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
14020
14021
  }
14021
14022
  }
14022
14023
 
14023
- var formkitVersion = '202605041857';
14024
+ var formkitVersion = '202605051928';
14024
14025
 
14025
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}`;
14026
14027