@aurodesignsystem/auro-formkit 2.0.0 → 2.0.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 (26) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/components/checkbox/README.md +1 -1
  3. package/components/checkbox/demo/readme.md +1 -1
  4. package/components/combobox/README.md +1 -1
  5. package/components/combobox/demo/readme.md +1 -1
  6. package/components/counter/README.md +1 -1
  7. package/components/counter/demo/readme.md +1 -1
  8. package/components/datepicker/README.md +1 -1
  9. package/components/datepicker/demo/readme.md +1 -1
  10. package/components/dropdown/README.md +1 -1
  11. package/components/dropdown/demo/readme.md +1 -1
  12. package/components/form/README.md +2 -6
  13. package/components/form/demo/api.md +55 -0
  14. package/components/form/demo/readme.md +2 -6
  15. package/components/input/README.md +1 -1
  16. package/components/input/demo/api.md +46 -46
  17. package/components/input/demo/index.md +6 -6
  18. package/components/input/demo/readme.md +1 -1
  19. package/components/menu/README.md +1 -1
  20. package/components/menu/demo/readme.md +1 -1
  21. package/components/radio/README.md +1 -1
  22. package/components/radio/demo/readme.md +1 -1
  23. package/components/select/README.md +1 -1
  24. package/components/select/demo/readme.md +1 -1
  25. package/package.json +1 -1
  26. package/packages/build-tools/src/postinstall.mjs +5 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [2.0.2](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.1...v2.0.2) (2025-03-11)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * update postinstall script import for cross-platform compatibility [#425](https://github.com/AlaskaAirlines/auro-formkit/issues/425) ([dd2dd95](https://github.com/AlaskaAirlines/auro-formkit/commit/dd2dd95e2ddd81bf34374e025ca45cabbd0abdb7))
9
+
10
+ ## [2.0.1](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0...v2.0.1) (2025-03-04)
11
+
12
+
13
+ ### Performance Improvements
14
+
15
+ * add missing auro-form documentation [#362](https://github.com/AlaskaAirlines/auro-formkit/issues/362) ([c5ebed2](https://github.com/AlaskaAirlines/auro-formkit/commit/c5ebed2311d400e5b9e77e1faab46474305c4105))
16
+
3
17
  # [2.0.0](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.5.0...v2.0.0) (2025-03-04)
4
18
 
5
19
 
package/components/checkbox/README.md CHANGED
@@ -106,7 +106,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
106
106
  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.
107
107
 
108
108
  ```html
109
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-checkbox/+esm"></script>
109
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-checkbox/+esm"></script>
110
110
  ```
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
112
112
 
package/components/checkbox/demo/readme.md CHANGED
@@ -106,7 +106,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
106
106
  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.
107
107
 
108
108
  ```html
109
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-checkbox/+esm"></script>
109
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-checkbox/+esm"></script>
110
110
  ```
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
112
112
 
package/components/combobox/README.md CHANGED
@@ -111,7 +111,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
111
111
  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.
112
112
 
113
113
  ```html
114
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-combobox/+esm"></script>
114
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-combobox/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
package/components/combobox/demo/readme.md CHANGED
@@ -111,7 +111,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
111
111
  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.
112
112
 
113
113
  ```html
114
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-combobox/+esm"></script>
114
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-combobox/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
package/components/counter/README.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-counter/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-counter/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/components/counter/demo/readme.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-counter/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-counter/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/components/datepicker/README.md CHANGED
@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
104
104
  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.
105
105
 
106
106
  ```html
107
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-datepicker/+esm"></script>
107
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-datepicker/+esm"></script>
108
108
  ```
109
109
  <!-- AURO-GENERATED-CONTENT:END -->
110
110
 
package/components/datepicker/demo/readme.md CHANGED
@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
104
104
  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.
105
105
 
106
106
  ```html
107
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-datepicker/+esm"></script>
107
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-datepicker/+esm"></script>
108
108
  ```
109
109
  <!-- AURO-GENERATED-CONTENT:END -->
110
110
 
package/components/dropdown/README.md CHANGED
@@ -107,7 +107,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
107
107
  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.
108
108
 
109
109
  ```html
110
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-dropdown/+esm"></script>
110
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-dropdown/+esm"></script>
111
111
  ```
112
112
  <!-- AURO-GENERATED-CONTENT:END -->
113
113
 
package/components/dropdown/demo/readme.md CHANGED
@@ -107,7 +107,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
107
107
  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.
108
108
 
109
109
  ```html
110
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-dropdown/+esm"></script>
110
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-dropdown/+esm"></script>
111
111
  ```
112
112
  <!-- AURO-GENERATED-CONTENT:END -->
113
113
 
package/components/form/README.md CHANGED
@@ -109,7 +109,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
109
109
  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.
110
110
 
111
111
  ```html
112
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-form/+esm"></script>
112
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-form/+esm"></script>
113
113
  ```
114
114
  <!-- AURO-GENERATED-CONTENT:END -->
115
115
 
@@ -122,11 +122,7 @@ For the most up to date information on [UI development browser support](https://
122
122
  ## auro-form use cases
123
123
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
124
124
  <!-- The below content is automatically added from ./docs/partials/useCases.md -->
125
- The `<auro-form>` element should be used in situations where users may:
126
-
127
- * ...
128
- * ...
129
- * ...
125
+ The `<auro-form>` element should be used in situations where users want to build HTML forms.
130
126
  <!-- AURO-GENERATED-CONTENT:END -->
131
127
 
132
128
  ## Formkit development
package/components/form/demo/api.md CHANGED
@@ -0,0 +1,55 @@
1
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=../docs/api.md) -->
2
+ <!-- The below content is automatically added from ../docs/api.md -->
3
+
4
+ # auro-form
5
+
6
+ The auro-form element provides users a way to ... (it would be great if you fill this out).
7
+
8
+ ## Attributes
9
+
10
+ | Attribute | Type | Description |
11
+ |------------|-----------|--------------------------------------------------|
12
+ | [cssClass](#cssClass) | `String` | Applies designated CSS class to demo element - you want to delete me! |
13
+ | [fixed](#fixed) | `Boolean` | Uses fixed pixel values for element shape |
14
+
15
+ ## Properties
16
+
17
+ | Property | Modifiers | Type | Default | Description |
18
+ |----------------------------|-----------|--------------------------------------------------|---------|--------------------------------------------------|
19
+ | [formState](#formState) | | `FormState` | {} | |
20
+ | [isInitialState](#isInitialState) | readonly | `boolean` | | Mostly internal way to determine if a form is in the initial state. |
21
+ | [mutationEventListener](#mutationEventListener) | | | | |
22
+ | [mutationObservers](#mutationObservers) | | `MutationObserver[]` | [] | |
23
+ | [reset](#reset) | | | | |
24
+ | [resetElements](#resetElements) | readonly | `HTMLButtonElement[]` | | Getter for internal _resetElements. |
25
+ | [sharedInputListener](#sharedInputListener) | | | | |
26
+ | [sharedValidationListener](#sharedValidationListener) | | | | |
27
+ | [submit](#submit) | | | | |
28
+ | [submitElements](#submitElements) | readonly | `HTMLButtonElement[]` | | Getter for internal _submitElements. |
29
+ | [validity](#validity) | readonly | `"valid" \| "invalid"` | | Current validity state of the form, based on form element events. |
30
+ | [value](#value) | readonly | `Record<string, string \| number \| boolean \| string[] \| null>` | | Reduce the form value into a key-value pair.<br /><br />NOTE: form keys use `name` first, and `id` second if `name` is not available.<br />This follows standard HTML5 form behavior - submission uses `name` by default when creating<br />the FormData object. |
31
+
32
+ ## Methods
33
+
34
+ | Method | Type | Description |
35
+ |-----------------------------|-----------------------------------|--------------------------------------------------|
36
+ | [initializeState](#initializeState) | `(): void` | Initialize (or reinitialize) the form state. |
37
+ | [isButtonElement](#isButtonElement) | `(element: HTMLElement): boolean` | Check if the tag name is a button element.<br /><br />**element**: The element to check. |
38
+ | [isFormElement](#isFormElement) | `(element: HTMLElement): boolean` | Check if the tag name is a form element.<br /><br />**element**: The element to check (attr or tag name). |
39
+ | [mutationEventListener](#mutationEventListener) | `(): void` | Mutation observer for form elements. Slot change does not trigger unless<br />root-level elements are added/removed. This is a workaround to ensure<br />nested form elements are also observed. |
40
+ | [onSlotChange](#onSlotChange) | `(event: Event): void` | Slot change event listener. This is the main entry point for the form element.<br /><br />**event**: The slot change event. |
41
+ | [queryAuroElements](#queryAuroElements) | `(): NodeList` | Construct the query strings from elements, append them together, execute, and return the NodeList. |
42
+ | [reset](#reset) | `(): void` | Reset fires an event called `reset` - just as you would expect from a normal form. |
43
+ | [setDisabledStateOnButtons](#setDisabledStateOnButtons) | `(): void` | |
44
+ | [sharedInputListener](#sharedInputListener) | `(event: Event): void` | Shared input listener for all form elements.<br /><br />**event**: The event that is fired from the form element. |
45
+ | [sharedValidationListener](#sharedValidationListener) | `(event: Event): void` | Shared validation listener for all form elements.<br /><br />**event**: The event that is fired from the form element. |
46
+ | [submit](#submit) | `(): void` | Submit fires an event called `submit` - just as you would expect from a normal form. |
47
+
48
+ ## Events
49
+
50
+ | Event | Type | Description |
51
+ |----------|--------------------------------------------------|--------------------------------|
52
+ | [change](#change) | `Event` | Fires when form state changes. |
53
+ | [reset](#reset) | `CustomEvent<{ previousValue: Record<string, string \| number \| boolean \| string[] \| null>; }>` | |
54
+ | [submit](#submit) | `CustomEvent<{ value: Record<string, string \| number \| boolean \| string[] \| null>; }>` | |
55
+ <!-- AURO-GENERATED-CONTENT:END -->
package/components/form/demo/readme.md CHANGED
@@ -109,7 +109,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
109
109
  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.
110
110
 
111
111
  ```html
112
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-form/+esm"></script>
112
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-form/+esm"></script>
113
113
  ```
114
114
  <!-- AURO-GENERATED-CONTENT:END -->
115
115
 
@@ -122,11 +122,7 @@ For the most up to date information on [UI development browser support](https://
122
122
  ## auro-form use cases
123
123
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
124
124
  <!-- The below content is automatically added from ./docs/partials/useCases.md -->
125
- The `<auro-form>` element should be used in situations where users may:
126
-
127
- * ...
128
- * ...
129
- * ...
125
+ The `<auro-form>` element should be used in situations where users want to build HTML forms.
130
126
  <!-- AURO-GENERATED-CONTENT:END -->
131
127
 
132
128
  ## Formkit development
package/components/input/README.md CHANGED
@@ -99,7 +99,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
99
99
  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.
100
100
 
101
101
  ```html
102
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-input/+esm"></script>
102
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-input/+esm"></script>
103
103
  ```
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
package/components/input/demo/api.md CHANGED
@@ -128,7 +128,7 @@ Use the `disable` attribute to prevent the user from interacting with the input.
128
128
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/disabled.html) -->
129
129
  <!-- The below content is automatically added from ../apiExamples/disabled.html -->
130
130
  <auro-input disabled bordered type="date">
131
- <slot slot="label">Arrival date</slot>
131
+ <span slot="label">Arrival date</span>
132
132
  </auro-input>
133
133
  <!-- AURO-GENERATED-CONTENT:END -->
134
134
  </div>
@@ -139,7 +139,7 @@ Use the `disable` attribute to prevent the user from interacting with the input.
139
139
 
140
140
  ```html
141
141
  <auro-input disabled bordered type="date">
142
- <slot slot="label">Arrival date</slot>
142
+ <span slot="label">Arrival date</span>
143
143
  </auro-input>
144
144
  ```
145
145
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -362,8 +362,8 @@ The `setCustomValidityTooLong` attribute may optionally be used in combination w
362
362
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/maxLength.html) -->
363
363
  <!-- The below content is automatically added from ../apiExamples/maxLength.html -->
364
364
  <auro-input maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered." bordered required>
365
- <slot slot="label">Voucher Code</slot>
366
- <slot slot="helptext">Please enter your 12 character voucher code.</slot>
365
+ <span slot="label">Voucher Code</span>
366
+ <span slot="helptext">Please enter your 12 character voucher code.</span>
367
367
  </auro-input>
368
368
  <!-- AURO-GENERATED-CONTENT:END -->
369
369
  </div>
@@ -374,8 +374,8 @@ The `setCustomValidityTooLong` attribute may optionally be used in combination w
374
374
 
375
375
  ```html
376
376
  <auro-input maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered." bordered required>
377
- <slot slot="label">Voucher Code</slot>
378
- <slot slot="helptext">Please enter your 12 character voucher code.</slot>
377
+ <span slot="label">Voucher Code</span>
378
+ <span slot="helptext">Please enter your 12 character voucher code.</span>
379
379
  </auro-input>
380
380
  ```
381
381
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -390,8 +390,8 @@ The `setCustomValidityTooShort` attribute may optionally be used in combination
390
390
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/minLength.html) -->
391
391
  <!-- The below content is automatically added from ../apiExamples/minLength.html -->
392
392
  <auro-input minlength="4" setCustomValidityTooShort="Please enter a full voucher code." bordered required>
393
- <slot slot="label">Voucher Code</slot>
394
- <slot slot="helptext">Please enter your 4 character voucher code.</slot>
393
+ <span slot="label">Voucher Code</span>
394
+ <span slot="helptext">Please enter your 4 character voucher code.</span>
395
395
  </auro-input>
396
396
  <!-- AURO-GENERATED-CONTENT:END -->
397
397
  </div>
@@ -402,8 +402,8 @@ The `setCustomValidityTooShort` attribute may optionally be used in combination
402
402
 
403
403
  ```html
404
404
  <auro-input minlength="4" setCustomValidityTooShort="Please enter a full voucher code." bordered required>
405
- <slot slot="label">Voucher Code</slot>
406
- <slot slot="helptext">Please enter your 4 character voucher code.</slot>
405
+ <span slot="label">Voucher Code</span>
406
+ <span slot="helptext">Please enter your 4 character voucher code.</span>
407
407
  </auro-input>
408
408
  ```
409
409
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -496,8 +496,8 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
496
496
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/activeLabel.html) -->
497
497
  <!-- The below content is automatically added from ../apiExamples/activeLabel.html -->
498
498
  <auro-input activeLabel bordered>
499
- <slot slot="label">Address</slot>
500
- <slot slot="helptext">Please enter your home address.</slot>
499
+ <span slot="label">Address</span>
500
+ <span slot="helptext">Please enter your home address.</span>
501
501
  </auro-input>
502
502
  <!-- AURO-GENERATED-CONTENT:END -->
503
503
  </div>
@@ -508,8 +508,8 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
508
508
 
509
509
  ```html
510
510
  <auro-input activeLabel bordered>
511
- <slot slot="label">Address</slot>
512
- <slot slot="helptext">Please enter your home address.</slot>
511
+ <span slot="label">Address</span>
512
+ <span slot="helptext">Please enter your home address.</span>
513
513
  </auro-input>
514
514
  ```
515
515
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -522,8 +522,8 @@ For use cases where the field is `required`, but live validation is not wanted,
522
522
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/noValidate.html) -->
523
523
  <!-- The below content is automatically added from ../apiExamples/noValidate.html -->
524
524
  <auro-input noValidate required bordered>
525
- <slot slot="label">Address</slot>
526
- <slot slot="helptext">Please enter your home address.</slot>
525
+ <span slot="label">Address</span>
526
+ <span slot="helptext">Please enter your home address.</span>
527
527
  </auro-input>
528
528
  <!-- AURO-GENERATED-CONTENT:END -->
529
529
  </div>
@@ -534,8 +534,8 @@ For use cases where the field is `required`, but live validation is not wanted,
534
534
 
535
535
  ```html
536
536
  <auro-input noValidate required bordered>
537
- <slot slot="label">Address</slot>
538
- <slot slot="helptext">Please enter your home address.</slot>
537
+ <span slot="label">Address</span>
538
+ <span slot="helptext">Please enter your home address.</span>
539
539
  </auro-input>
540
540
  ```
541
541
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -749,8 +749,8 @@ Default help text will be added to the input `type="email"` if custom help text
749
749
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/email.html) -->
750
750
  <!-- The below content is automatically added from ../apiExamples/email.html -->
751
751
  <auro-input type="email" bordered required>
752
- <slot slot="label">Email address</slot>
753
- <slot slot="helptext">Please enter your email address.</slot>
752
+ <span slot="label">Email address</span>
753
+ <span slot="helptext">Please enter your email address.</span>
754
754
  </auro-input>
755
755
  <!-- AURO-GENERATED-CONTENT:END -->
756
756
  </div>
@@ -761,8 +761,8 @@ Default help text will be added to the input `type="email"` if custom help text
761
761
 
762
762
  ```html
763
763
  <auro-input type="email" bordered required>
764
- <slot slot="label">Email address</slot>
765
- <slot slot="helptext">Please enter your email address.</slot>
764
+ <span slot="label">Email address</span>
765
+ <span slot="helptext">Please enter your email address.</span>
766
766
  </auro-input>
767
767
  ```
768
768
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -778,8 +778,8 @@ This `number` input type should only be used for incremental numeric values, mea
778
778
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/number.html) -->
779
779
  <!-- The below content is automatically added from ../apiExamples/number.html -->
780
780
  <auro-input type="number" bordered required>
781
- <slot slot="label">Number of Passengers</slot>
782
- <slot slot="helptext">Please enter the number of passengers.</slot>
781
+ <span slot="label">Number of Passengers</span>
782
+ <span slot="helptext">Please enter the number of passengers.</span>
783
783
  </auro-input>
784
784
  <!-- AURO-GENERATED-CONTENT:END -->
785
785
  </div>
@@ -790,8 +790,8 @@ This `number` input type should only be used for incremental numeric values, mea
790
790
 
791
791
  ```html
792
792
  <auro-input type="number" bordered required>
793
- <slot slot="label">Number of Passengers</slot>
794
- <slot slot="helptext">Please enter the number of passengers.</slot>
793
+ <span slot="label">Number of Passengers</span>
794
+ <span slot="helptext">Please enter the number of passengers.</span>
795
795
  </auro-input>
796
796
  ```
797
797
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -807,8 +807,8 @@ Default help text will be added to the input `type="credit-card"` if custom help
807
807
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/creditCard.html) -->
808
808
  <!-- The below content is automatically added from ../apiExamples/creditCard.html -->
809
809
  <auro-input type="credit-card" bordered required>
810
- <slot slot="label">Card number</slot>
811
- <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
810
+ <span slot="label">Card number</span>
811
+ <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
812
812
  </auro-input>
813
813
  <!-- AURO-GENERATED-CONTENT:END -->
814
814
  </div>
@@ -819,8 +819,8 @@ Default help text will be added to the input `type="credit-card"` if custom help
819
819
 
820
820
  ```html
821
821
  <auro-input type="credit-card" bordered required>
822
- <slot slot="label">Card number</slot>
823
- <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
822
+ <span slot="label">Card number</span>
823
+ <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
824
824
  </auro-input>
825
825
  ```
826
826
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -833,8 +833,8 @@ Use the `type="credit-card"` and `icon` attributes for a credit card formatted i
833
833
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/creditCardIcon.html) -->
834
834
  <!-- The below content is automatically added from ../apiExamples/creditCardIcon.html -->
835
835
  <auro-input icon type="credit-card" bordered required>
836
- <slot slot="label">Card number</slot>
837
- <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
836
+ <span slot="label">Card number</span>
837
+ <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
838
838
  </auro-input>
839
839
  <!-- AURO-GENERATED-CONTENT:END -->
840
840
  </div>
@@ -846,8 +846,8 @@ Use the `type="credit-card"` and `icon` attributes for a credit card formatted i
846
846
 
847
847
  ```html
848
848
  <auro-input icon type="credit-card" bordered required>
849
- <slot slot="label">Card number</slot>
850
- <slot slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</slot>
849
+ <span slot="label">Card number</span>
850
+ <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
851
851
  </auro-input>
852
852
  ```
853
853
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -903,7 +903,7 @@ Use the `type="date"` attribute for a date formatted input. The default date for
903
903
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/monthDayYear.html) -->
904
904
  <!-- The below content is automatically added from ../apiExamples/monthDayYear.html -->
905
905
  <auro-input type="date" bordered>
906
- <slot slot="label">Arrival date</slot>
906
+ <span slot="label">Arrival date</span>
907
907
  </auro-input>
908
908
  <!-- AURO-GENERATED-CONTENT:END -->
909
909
  </div>
@@ -914,7 +914,7 @@ Use the `type="date"` attribute for a date formatted input. The default date for
914
914
 
915
915
  ```html
916
916
  <auro-input type="date" bordered>
917
- <slot slot="label">Arrival date</slot>
917
+ <span slot="label">Arrival date</span>
918
918
  </auro-input>
919
919
  ```
920
920
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -928,7 +928,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
928
928
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/yearMonthDay.html) -->
929
929
  <!-- The below content is automatically added from ../apiExamples/yearMonthDay.html -->
930
930
  <auro-input type="date" format="yyyy/mm/dd" bordered>
931
- <slot slot="label">Arrival date</slot>
931
+ <span slot="label">Arrival date</span>
932
932
  </auro-input>
933
933
  <!-- AURO-GENERATED-CONTENT:END -->
934
934
  </div>
@@ -939,7 +939,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
939
939
 
940
940
  ```html
941
941
  <auro-input type="date" format="yyyy/mm/dd" bordered>
942
- <slot slot="label">Arrival date</slot>
942
+ <span slot="label">Arrival date</span>
943
943
  </auro-input>
944
944
  ```
945
945
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -948,7 +948,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
948
948
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/monthYear.html) -->
949
949
  <!-- The below content is automatically added from ../apiExamples/monthYear.html -->
950
950
  <auro-input type="date" format="mm/yy" bordered>
951
- <slot slot="label">Expiration date</slot>
951
+ <span slot="label">Expiration date</span>
952
952
  </auro-input>
953
953
  <!-- AURO-GENERATED-CONTENT:END -->
954
954
  </div>
@@ -959,7 +959,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
959
959
 
960
960
  ```html
961
961
  <auro-input type="date" format="mm/yy" bordered>
962
- <slot slot="label">Expiration date</slot>
962
+ <span slot="label">Expiration date</span>
963
963
  </auro-input>
964
964
  ```
965
965
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -968,7 +968,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
968
968
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/day.html) -->
969
969
  <!-- The below content is automatically added from ../apiExamples/day.html -->
970
970
  <auro-input type="date" format="dd" bordered>
971
- <slot slot="label">Day</slot>
971
+ <span slot="label">Day</span>
972
972
  </auro-input>
973
973
  <!-- AURO-GENERATED-CONTENT:END -->
974
974
  </div>
@@ -979,7 +979,7 @@ Use the `format` attribute to put together any combination of `mm`, `dd`, & `yyy
979
979
 
980
980
  ```html
981
981
  <auro-input type="date" format="dd" bordered>
982
- <slot slot="label">Day</slot>
982
+ <span slot="label">Day</span>
983
983
  </auro-input>
984
984
  ```
985
985
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -997,8 +997,8 @@ Use the `reset()` method to reset the `<auro-input>`'s `value` and `validity` st
997
997
  <auro-button id="resetStateBtn">Reset</auro-button>
998
998
  <br /><br />
999
999
  <auro-input id="resetStateExample" bordered minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
1000
- <slot slot="label">Full Name</slot>
1001
- <slot slot="helptext">Please enter your full name.</slot>
1000
+ <span slot="label">Full Name</span>
1001
+ <span slot="helptext">Please enter your full name.</span>
1002
1002
  </auro-input>
1003
1003
  <!-- AURO-GENERATED-CONTENT:END -->
1004
1004
  </div>
@@ -1011,8 +1011,8 @@ Use the `reset()` method to reset the `<auro-input>`'s `value` and `validity` st
1011
1011
  <auro-button id="resetStateBtn">Reset</auro-button>
1012
1012
  <br /><br />
1013
1013
  <auro-input id="resetStateExample" bordered minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
1014
- <slot slot="label">Full Name</slot>
1015
- <slot slot="helptext">Please enter your full name.</slot>
1014
+ <span slot="label">Full Name</span>
1015
+ <span slot="helptext">Please enter your full name.</span>
1016
1016
  </auro-input>
1017
1017
  ```
1018
1018
  <!-- AURO-GENERATED-CONTENT:END -->
package/components/input/demo/index.md CHANGED
@@ -71,7 +71,7 @@ Use the `disabled` attribute to prevent the user from interacting with the input
71
71
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/disabled.html) -->
72
72
  <!-- The below content is automatically added from ./../apiExamples/disabled.html -->
73
73
  <auro-input disabled bordered type="date">
74
- <slot slot="label">Arrival date</slot>
74
+ <span slot="label">Arrival date</span>
75
75
  </auro-input>
76
76
  <!-- AURO-GENERATED-CONTENT:END -->
77
77
  </div>
@@ -82,7 +82,7 @@ Use the `disabled` attribute to prevent the user from interacting with the input
82
82
 
83
83
  ```html
84
84
  <auro-input disabled bordered type="date">
85
- <slot slot="label">Arrival date</slot>
85
+ <span slot="label">Arrival date</span>
86
86
  </auro-input>
87
87
  ```
88
88
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -96,8 +96,8 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
96
96
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/activeLabel.html) -->
97
97
  <!-- The below content is automatically added from ./../apiExamples/activeLabel.html -->
98
98
  <auro-input activeLabel bordered>
99
- <slot slot="label">Address</slot>
100
- <slot slot="helptext">Please enter your home address.</slot>
99
+ <span slot="label">Address</span>
100
+ <span slot="helptext">Please enter your home address.</span>
101
101
  </auro-input>
102
102
  <!-- AURO-GENERATED-CONTENT:END -->
103
103
  </div>
@@ -108,8 +108,8 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
108
108
 
109
109
  ```html
110
110
  <auro-input activeLabel bordered>
111
- <slot slot="label">Address</slot>
112
- <slot slot="helptext">Please enter your home address.</slot>
111
+ <span slot="label">Address</span>
112
+ <span slot="helptext">Please enter your home address.</span>
113
113
  </auro-input>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
package/components/input/demo/readme.md CHANGED
@@ -99,7 +99,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
99
99
  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.
100
100
 
101
101
  ```html
102
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-input/+esm"></script>
102
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-input/+esm"></script>
103
103
  ```
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
package/components/menu/README.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-menu/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-menu/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/components/menu/demo/readme.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-menu/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-menu/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/components/radio/README.md CHANGED
@@ -100,7 +100,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
100
100
  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.
101
101
 
102
102
  ```html
103
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-radio/+esm"></script>
103
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-radio/+esm"></script>
104
104
  ```
105
105
  <!-- AURO-GENERATED-CONTENT:END -->
106
106
 
package/components/radio/demo/readme.md CHANGED
@@ -100,7 +100,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
100
100
  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.
101
101
 
102
102
  ```html
103
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-radio/+esm"></script>
103
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-radio/+esm"></script>
104
104
  ```
105
105
  <!-- AURO-GENERATED-CONTENT:END -->
106
106
 
package/components/select/README.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-select/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-select/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/components/select/demo/readme.md CHANGED
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  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.
111
111
 
112
112
  ```html
113
- <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.0-beta.54/auro-select/+esm"></script>
113
+ <script type="module "src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@2.0.1/auro-select/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/auro-formkit",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {
package/packages/build-tools/src/postinstall.mjs CHANGED
@@ -1,8 +1,12 @@
1
1
  import { createRequire } from 'module';
2
+ import { pathToFileURL } from 'url';
2
3
 
3
4
  const require = createRequire(import.meta.url);
4
5
 
5
6
  const postinstallPath = require.resolve('@aurodesignsystem/auro-library/scripts/build/postinstall.mjs');
6
7
 
8
+ // Convert the path to a file:// URL for cross-platform compatibility
9
+ const postinstallURL = pathToFileURL(postinstallPath);
10
+
7
11
  // Import and execute the script
8
- import(postinstallPath);
12
+ import(postinstallURL);