@aurodesignsystem-dev/auro-formkit 0.0.0-pr1460.2 → 0.0.0-pr1462.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.html +4 -26
- package/components/checkbox/demo/getting-started.md +5 -6
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.html +4 -25
- package/components/combobox/demo/getting-started.md +76 -27
- package/components/combobox/demo/index.min.js +15 -1
- package/components/combobox/demo/registered.min.js +1506 -1506
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/api.html +5 -29
- package/components/counter/demo/getting-started.md +4 -3
- package/components/counter/demo/index.min.js +8392 -1
- package/components/counter/dist/index.js +106 -5110
- package/components/counter/dist/registered.js +106 -5110
- package/components/datepicker/demo/accessibility.html +0 -1
- package/components/datepicker/demo/api.html +4 -29
- package/components/datepicker/demo/getting-started.md +25 -2
- package/components/datepicker/demo/index.min.js +24612 -1
- package/components/datepicker/demo/readme.html +2 -10
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/api.html +5 -31
- package/components/dropdown/demo/getting-started.md +34 -2
- package/components/dropdown/demo/index.min.js +5097 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/api.html +5 -27
- package/components/form/demo/getting-started.md +5 -6
- package/components/form/demo/index.min.js +719 -2
- package/components/form/demo/keyboard-behavior.md +38 -0
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +11590 -60657
- package/components/input/demo/accessibility.md +1 -1
- package/components/input/demo/api.html +15 -26
- package/components/input/demo/auro-input.min.js +1 -1
- package/components/input/demo/getting-started.md +1 -1
- package/components/input/demo/readme.html +2 -10
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.html +5 -30
- package/components/menu/demo/getting-started.md +1 -1
- package/components/menu/demo/index.min.js +1572 -1572
- package/components/menu/dist/auro-menu.context.d.ts +0 -1
- package/components/menu/dist/index.js +1607 -1607
- package/components/menu/dist/registered.js +1556 -1556
- package/components/radio/demo/api.html +7 -28
- package/components/radio/demo/getting-started.md +27 -2
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.html +5 -42
- package/components/select/demo/getting-started.md +39 -5
- package/components/select/demo/registered.min.js +1505 -1505
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1489 -1489
- package/package.json +38 -4
- package/components/combobox/demo/api.js +0 -39
- package/components/combobox/demo/api.min.js +0 -106
- package/components/combobox/demo/install.html +0 -50
- package/components/combobox/demo/styles.css +0 -974
- package/components/combobox/demo/swap-value.min.js +0 -16
- package/components/counter/demo/api.js +0 -24
- package/components/counter/demo/api.min.js +0 -52
- package/components/counter/demo/auro-counter-group.min.js +0 -8394
- package/components/datepicker/demo/api.js +0 -37
- package/components/datepicker/demo/api.min.js +0 -300
- package/components/datepicker/demo/auro-datepicker.min.js +0 -24614
- package/components/dropdown/demo/api.js +0 -26
- package/components/dropdown/demo/api.min.js +0 -109
- package/components/dropdown/demo/auro-dropdown.min.js +0 -5099
- package/components/form/demo/api.js +0 -5
- package/components/form/demo/api.min.js +0 -5
- package/components/form/demo/auro-form.min.js +0 -718
- package/components/form/demo/autocomplete.html +0 -31
- package/components/radio/demo/api.js +0 -19
- package/components/radio/demo/api.min.js +0 -44
- package/components/select/demo/keyboardBehavior.html +0 -48
|
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5211
5211
|
}
|
|
5212
5212
|
};
|
|
5213
5213
|
|
|
5214
|
-
var formkitVersion$2 = '
|
|
5214
|
+
var formkitVersion$2 = '202605071937';
|
|
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 = '
|
|
12959
|
+
var formkitVersion$1 = '202605071937';
|
|
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 = '
|
|
14024
|
+
var formkitVersion = '202605071937';
|
|
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 = '
|
|
5214
|
+
var formkitVersion$2 = '202605071937';
|
|
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 = '
|
|
12959
|
+
var formkitVersion$1 = '202605071937';
|
|
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 = '
|
|
14024
|
+
var formkitVersion = '202605071937';
|
|
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,9 +3,6 @@
|
|
|
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
|
|
7
|
-
|
|
8
|
-
With the exception of adding custom elements if needed for the demo.
|
|
9
6
|
|
|
10
7
|
----------------------- DO NOT EDIT -----------------------------
|
|
11
8
|
|
|
@@ -17,39 +14,18 @@
|
|
|
17
14
|
<meta charset="UTF-8" />
|
|
18
15
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
16
|
<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
17
|
<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
18
|
<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
19
|
<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
20
|
<link rel="stylesheet" type="text/css" href="./styles.min.css" />
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<main></main>
|
|
38
|
-
|
|
21
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
22
|
+
<script src="./api.min.js" data-demo-script="true" type="module"></script>
|
|
39
23
|
<script type="module">
|
|
40
24
|
import { renderPage } from './demo-support.min.js';
|
|
41
|
-
import { initExamples } from './api.min.js';
|
|
42
25
|
await renderPage('./api.md');
|
|
43
|
-
initExamples();
|
|
44
26
|
</script>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
<
|
|
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>
|
|
27
|
+
</head>
|
|
28
|
+
<body class="auro-markdown">
|
|
29
|
+
<main></main>
|
|
54
30
|
</body>
|
|
55
31
|
</html>
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
<section>
|
|
35
35
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/install.md) -->
|
|
36
36
|
<!-- The below content is automatically added from ./../docs/partials/getting-started/install.md -->
|
|
37
|
-
<auro-header level="2" id="setup">Setup</auro-header>
|
|
37
|
+
<auro-header level="2" id="setup">Setup</auro-header>
|
|
38
38
|
<auro-accordion-group Emphasis>
|
|
39
39
|
<auro-accordion expanded class="section" id="recommendedAccordion">
|
|
40
40
|
<span slot="trigger">Recommended Installation and Implementation</span>
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
<pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
|
|
47
47
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
48
48
|
<auro-header level="3">Implementation</auro-header>
|
|
49
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/customRegistration.md) -->
|
|
50
|
-
<!-- The below content is automatically added from ./../docs/partials/customRegistration.md -->
|
|
49
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/customRegistration.md) -->
|
|
50
|
+
<!-- The below content is automatically added from ./../docs/partials/getting-started/customRegistration.md -->
|
|
51
51
|
<auro-header level="4">Custom Component Registration for Version Management</auro-header>
|
|
52
52
|
There are two key parts to every Auro component: the <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</auro-hyperlink> and the custom element definition. The class defines the component's behavior, while the custom element registers it under a specific name so it can be used in HTML.
|
|
53
53
|
|
|
@@ -109,6 +109,7 @@ Then use the elements in your HTML:
|
|
|
109
109
|
<auro-accordion class="section" id="cdnAccordion">
|
|
110
110
|
<span slot="trigger">CDN Installation</span>
|
|
111
111
|
<div class="accordion-content">
|
|
112
|
+
<p class="warning"><strong>Warning:</strong> CDN registration can cause conflicts if another package registers the same tag name using a different version of the component, leading to unexpected behavior. Use custom registration to avoid this risk.</p>
|
|
112
113
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/cdnRegistration.md) -->
|
|
113
114
|
<!-- The below content is automatically added from ./../docs/partials/getting-started/cdnRegistration.md -->
|
|
114
115
|
The counter components can be loaded via CDN without a build step:
|