@aurodesignsystem/auro-formkit 2.0.0-beta.50 → 2.0.0-beta.51

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 (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/checkbox/README.md +1 -1
  3. package/components/combobox/README.md +4 -4
  4. package/components/combobox/demo/api.md +1 -1
  5. package/components/combobox/demo/api.min.js +2 -2
  6. package/components/combobox/demo/index.min.js +2 -2
  7. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  8. package/components/combobox/dist/index.js +2 -2
  9. package/components/combobox/dist/registered.js +2 -2
  10. package/components/counter/README.md +1 -1
  11. package/components/counter/demo/api.md +10 -10
  12. package/components/counter/demo/api.min.js +2 -2
  13. package/components/counter/demo/index.min.js +2 -2
  14. package/components/counter/dist/auro-counter-group.d.ts +1 -1
  15. package/components/counter/dist/index.js +2 -2
  16. package/components/counter/dist/registered.js +2 -2
  17. package/components/datepicker/README.md +4 -4
  18. package/components/datepicker/demo/api.md +1 -1
  19. package/components/datepicker/demo/api.min.js +4 -4
  20. package/components/datepicker/demo/index.min.js +4 -4
  21. package/components/datepicker/dist/auro-calendar.d.ts +1 -1
  22. package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
  23. package/components/datepicker/dist/index.js +4 -4
  24. package/components/datepicker/dist/registered.js +4 -4
  25. package/components/dropdown/README.md +1 -1
  26. package/components/form/README.md +1 -1
  27. package/components/input/README.md +1 -1
  28. package/components/menu/README.md +1 -1
  29. package/components/radio/README.md +1 -1
  30. package/components/select/README.md +5 -3
  31. package/components/select/demo/api.md +101 -21
  32. package/components/select/demo/api.min.js +1058 -195
  33. package/components/select/demo/index.md +20 -0
  34. package/components/select/demo/index.min.js +1058 -195
  35. package/components/select/dist/auro-select.d.ts +38 -2
  36. package/components/select/dist/bibtemplateVersion.d.ts +2 -0
  37. package/components/select/dist/index.js +1069 -206
  38. package/components/select/dist/registered.js +1069 -206
  39. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [2.0.0-beta.51](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.50...v2.0.0-beta.51) (2025-02-28)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * rename `largeMobileHeadline` to `largeFullscreenHeadline` ([ff7ee2e](https://github.com/AlaskaAirlines/auro-formkit/commit/ff7ee2e21a4e0b7f640898e3221c80a2bcc4a41f))
9
+
10
+
11
+ ### Features
12
+
13
+ * add fullscreen bib features on select [#360](https://github.com/AlaskaAirlines/auro-formkit/issues/360) ([7b9a3ff](https://github.com/AlaskaAirlines/auro-formkit/commit/7b9a3ffae0e029be71e81c8dd2a02e9c37cbdd6d))
14
+
3
15
  # [2.0.0-beta.50](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.49...v2.0.0-beta.50) (2025-02-27)
4
16
 
5
17
 
package/components/checkbox/README.md CHANGED
@@ -96,7 +96,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
96
96
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
97
97
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
98
98
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
99
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.49/dist/auro-checkbox__bundled.js" type="module"></script>
99
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.50/dist/auro-checkbox__bundled.js" type="module"></script>
100
100
  <!-- AURO-GENERATED-CONTENT:END -->
101
101
 
102
102
  ## auro-checkbox use cases
package/components/combobox/README.md CHANGED
@@ -101,10 +101,10 @@ In cases where the project is not able to process JS assets, there are pre-proce
101
101
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
102
102
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
103
103
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@6.0.0/dist/bundled/essentials.css" />
104
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.49/dist/auro-dropdown__bundled.js" type="module"></script>
105
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.49/dist/auro-input__bundled.js" type="module"></script>
106
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.49/dist/auro-menu__bundled.js" type="module"></script>
107
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-combobox@2.0.0-beta.49/dist/auro-combobox__bundled.js" type="module"></script>
104
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.50/dist/auro-dropdown__bundled.js" type="module"></script>
105
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.50/dist/auro-input__bundled.js" type="module"></script>
106
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.50/dist/auro-menu__bundled.js" type="module"></script>
107
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-combobox@2.0.0-beta.50/dist/auro-combobox__bundled.js" type="module"></script>
108
108
  <!-- AURO-GENERATED-CONTENT:END -->
109
109
 
110
110
  ## auro-combobox use cases
package/components/combobox/demo/api.md CHANGED
@@ -12,7 +12,7 @@
12
12
  | [disabled](#disabled) | `disabled` | `boolean` | | If set, disables the combobox. |
13
13
  | [error](#error) | `error` | `string` | | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
14
14
  | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `string` | "sm" | Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile.<br />When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint. |
15
- | [largeMobileHeadline](#largeMobileHeadline) | `largeMobileHeadline` | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600 |
15
+ | [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600 |
16
16
  | [noFilter](#noFilter) | `noFilter` | `boolean` | false | If set, combobox will not filter menuoptions based in input. |
17
17
  | [noValidate](#noValidate) | `noValidate` | `boolean` | | If set, disables auto-validation on blur. |
18
18
  | [optionSelected](#optionSelected) | `optionSelected` | `object` | "undefined" | Specifies the current selected option. |
package/components/combobox/demo/api.min.js CHANGED
@@ -11689,7 +11689,7 @@ class AuroCombobox extends r$b {
11689
11689
  * If declared, make mobileHeadline in HeadingDisplay.
11690
11690
  * Otherwise, Heading 600
11691
11691
  */
11692
- largeMobileHeadline: {
11692
+ largeFullscreenHeadline: {
11693
11693
  type: Boolean,
11694
11694
  reflect: true
11695
11695
  },
@@ -12409,7 +12409,7 @@ class AuroCombobox extends r$b {
12409
12409
 
12410
12410
  <div class="menuWrapper"></div>
12411
12411
 
12412
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
12412
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
12413
12413
  </${this.bibtemplateTag}>
12414
12414
 
12415
12415
  <p slot="helpText">
package/components/combobox/demo/index.min.js CHANGED
@@ -11547,7 +11547,7 @@ class AuroCombobox extends r$b {
11547
11547
  * If declared, make mobileHeadline in HeadingDisplay.
11548
11548
  * Otherwise, Heading 600
11549
11549
  */
11550
- largeMobileHeadline: {
11550
+ largeFullscreenHeadline: {
11551
11551
  type: Boolean,
11552
11552
  reflect: true
11553
11553
  },
@@ -12267,7 +12267,7 @@ class AuroCombobox extends r$b {
12267
12267
 
12268
12268
  <div class="menuWrapper"></div>
12269
12269
 
12270
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
12270
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
12271
12271
  </${this.bibtemplateTag}>
12272
12272
 
12273
12273
  <p slot="helpText">
package/components/combobox/dist/auro-combobox.d.ts CHANGED
@@ -114,7 +114,7 @@ export class AuroCombobox extends LitElement {
114
114
  * If declared, make mobileHeadline in HeadingDisplay.
115
115
  * Otherwise, Heading 600
116
116
  */
117
- largeMobileHeadline: {
117
+ largeFullscreenHeadline: {
118
118
  type: BooleanConstructor;
119
119
  reflect: boolean;
120
120
  };
package/components/combobox/dist/index.js CHANGED
@@ -11524,7 +11524,7 @@ class AuroCombobox extends r$b {
11524
11524
  * If declared, make mobileHeadline in HeadingDisplay.
11525
11525
  * Otherwise, Heading 600
11526
11526
  */
11527
- largeMobileHeadline: {
11527
+ largeFullscreenHeadline: {
11528
11528
  type: Boolean,
11529
11529
  reflect: true
11530
11530
  },
@@ -12244,7 +12244,7 @@ class AuroCombobox extends r$b {
12244
12244
 
12245
12245
  <div class="menuWrapper"></div>
12246
12246
 
12247
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
12247
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
12248
12248
  </${this.bibtemplateTag}>
12249
12249
 
12250
12250
  <p slot="helpText">
package/components/combobox/dist/registered.js CHANGED
@@ -11524,7 +11524,7 @@ class AuroCombobox extends r$b {
11524
11524
  * If declared, make mobileHeadline in HeadingDisplay.
11525
11525
  * Otherwise, Heading 600
11526
11526
  */
11527
- largeMobileHeadline: {
11527
+ largeFullscreenHeadline: {
11528
11528
  type: Boolean,
11529
11529
  reflect: true
11530
11530
  },
@@ -12244,7 +12244,7 @@ class AuroCombobox extends r$b {
12244
12244
 
12245
12245
  <div class="menuWrapper"></div>
12246
12246
 
12247
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
12247
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
12248
12248
  </${this.bibtemplateTag}>
12249
12249
 
12250
12250
  <p slot="helpText">
package/components/counter/README.md CHANGED
@@ -100,7 +100,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
100
100
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
101
101
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
102
102
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
103
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-counter@2.0.0-beta.49/dist/auro-counter__bundled.js" type="module"></script>
103
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-counter@2.0.0-beta.50/dist/auro-counter__bundled.js" type="module"></script>
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
106
106
  ## auro-counter use cases
package/components/counter/demo/api.md CHANGED
@@ -38,16 +38,16 @@
38
38
 
39
39
  ## Properties
40
40
 
41
- | Property | Attribute | Type | Default | Description |
42
- |------------------------|------------------------|-----------|-------------|--------------------------------------------------|
43
- | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `string` | "sm" | Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile.<br />When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint. |
44
- | [isDropdown](#isDropdown) | `isDropdown` | `boolean` | false | Indicates if the counter group is displayed as a dropdown. |
45
- | [largeMobileHeadline](#largeMobileHeadline) | `largeMobileHeadline` | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600 |
46
- | [max](#max) | `max` | `number` | "undefined" | The maximum value allowed for the whole group of counters. |
47
- | [min](#min) | `min` | `number` | "undefined" | The minimum value allowed for the whole group of counters. |
48
- | [total](#total) | `total` | `number` | "undefined" | The total value of the counters. |
49
- | [validity](#validity) | `validity` | `string` | "undefined" | Reflects the validity state. |
50
- | [value](#value) | `value` | `object` | "undefined" | The current individual values of the nested counters. |
41
+ | Property | Attribute | Type | Default | Description |
42
+ |---------------------------|---------------------------|-----------|-------------|--------------------------------------------------|
43
+ | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `string` | "sm" | Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile.<br />When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint. |
44
+ | [isDropdown](#isDropdown) | `isDropdown` | `boolean` | false | Indicates if the counter group is displayed as a dropdown. |
45
+ | [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600 |
46
+ | [max](#max) | `max` | `number` | "undefined" | The maximum value allowed for the whole group of counters. |
47
+ | [min](#min) | `min` | `number` | "undefined" | The minimum value allowed for the whole group of counters. |
48
+ | [total](#total) | `total` | `number` | "undefined" | The total value of the counters. |
49
+ | [validity](#validity) | `validity` | `string` | "undefined" | Reflects the validity state. |
50
+ | [value](#value) | `value` | `object` | "undefined" | The current individual values of the nested counters. |
51
51
 
52
52
  ## Methods
53
53
 
package/components/counter/demo/api.min.js CHANGED
@@ -5951,7 +5951,7 @@ class AuroCounterGroup extends r$9 {
5951
5951
  * If declared, make mobileHeadline in HeadingDisplay.
5952
5952
  * Otherwise, Heading 600
5953
5953
  */
5954
- largeMobileHeadline: {
5954
+ largeFullscreenHeadline: {
5955
5955
  type: Boolean,
5956
5956
  reflect: true
5957
5957
  },
@@ -6211,7 +6211,7 @@ class AuroCounterGroup extends r$9 {
6211
6211
  <div slot="label"><slot name="label"></slot></div>
6212
6212
  <div slot="helpText"><slot name="helpText"></slot></div>
6213
6213
 
6214
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
6214
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
6215
6215
  <auro-counter-wrapper isInDropdown>
6216
6216
  </auro-counter-wrapper>
6217
6217
  </${this.bibtemplateTag}>
package/components/counter/demo/index.min.js CHANGED
@@ -5951,7 +5951,7 @@ class AuroCounterGroup extends r$9 {
5951
5951
  * If declared, make mobileHeadline in HeadingDisplay.
5952
5952
  * Otherwise, Heading 600
5953
5953
  */
5954
- largeMobileHeadline: {
5954
+ largeFullscreenHeadline: {
5955
5955
  type: Boolean,
5956
5956
  reflect: true
5957
5957
  },
@@ -6211,7 +6211,7 @@ class AuroCounterGroup extends r$9 {
6211
6211
  <div slot="label"><slot name="label"></slot></div>
6212
6212
  <div slot="helpText"><slot name="helpText"></slot></div>
6213
6213
 
6214
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
6214
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
6215
6215
  <auro-counter-wrapper isInDropdown>
6216
6216
  </auro-counter-wrapper>
6217
6217
  </${this.bibtemplateTag}>
package/components/counter/dist/auro-counter-group.d.ts CHANGED
@@ -59,7 +59,7 @@ export class AuroCounterGroup extends LitElement {
59
59
  * If declared, make mobileHeadline in HeadingDisplay.
60
60
  * Otherwise, Heading 600
61
61
  */
62
- largeMobileHeadline: {
62
+ largeFullscreenHeadline: {
63
63
  type: BooleanConstructor;
64
64
  reflect: boolean;
65
65
  };
package/components/counter/dist/index.js CHANGED
@@ -5951,7 +5951,7 @@ class AuroCounterGroup extends r$9 {
5951
5951
  * If declared, make mobileHeadline in HeadingDisplay.
5952
5952
  * Otherwise, Heading 600
5953
5953
  */
5954
- largeMobileHeadline: {
5954
+ largeFullscreenHeadline: {
5955
5955
  type: Boolean,
5956
5956
  reflect: true
5957
5957
  },
@@ -6211,7 +6211,7 @@ class AuroCounterGroup extends r$9 {
6211
6211
  <div slot="label"><slot name="label"></slot></div>
6212
6212
  <div slot="helpText"><slot name="helpText"></slot></div>
6213
6213
 
6214
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
6214
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
6215
6215
  <auro-counter-wrapper isInDropdown>
6216
6216
  </auro-counter-wrapper>
6217
6217
  </${this.bibtemplateTag}>
package/components/counter/dist/registered.js CHANGED
@@ -5951,7 +5951,7 @@ class AuroCounterGroup extends r$9 {
5951
5951
  * If declared, make mobileHeadline in HeadingDisplay.
5952
5952
  * Otherwise, Heading 600
5953
5953
  */
5954
- largeMobileHeadline: {
5954
+ largeFullscreenHeadline: {
5955
5955
  type: Boolean,
5956
5956
  reflect: true
5957
5957
  },
@@ -6211,7 +6211,7 @@ class AuroCounterGroup extends r$9 {
6211
6211
  <div slot="label"><slot name="label"></slot></div>
6212
6212
  <div slot="helpText"><slot name="helpText"></slot></div>
6213
6213
 
6214
- <${this.bibtemplateTag} ?large="${this.largeMobileHeadline}">
6214
+ <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
6215
6215
  <auro-counter-wrapper isInDropdown>
6216
6216
  </auro-counter-wrapper>
6217
6217
  </${this.bibtemplateTag}>
package/components/datepicker/README.md CHANGED
@@ -94,10 +94,10 @@ In cases where the project is not able to process JS assets, there are pre-proce
94
94
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
95
95
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
96
96
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@6.0.0/dist/bundled/essentials.css" />
97
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.49/dist/auro-dropdown__bundled.js" type="module"></script>
98
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.49/dist/auro-input__bundled.js" type="module"></script>
99
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.49/dist/auro-popover__bundled.js" type="module"></script>
100
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.49/dist/auro-datepicker__bundled.js" type="module"></script>
97
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.50/dist/auro-dropdown__bundled.js" type="module"></script>
98
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.50/dist/auro-input__bundled.js" type="module"></script>
99
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.50/dist/auro-popover__bundled.js" type="module"></script>
100
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.50/dist/auro-datepicker__bundled.js" type="module"></script>
101
101
  <!-- AURO-GENERATED-CONTENT:END -->
102
102
 
103
103
  ## auro-datepicker use cases
package/components/datepicker/demo/api.md CHANGED
@@ -14,7 +14,7 @@
14
14
  | [disabled](#disabled) | `disabled` | | `boolean` | false | If set, disables the datepicker. |
15
15
  | [error](#error) | `error` | | `string` | | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
16
16
  | [format](#format) | `format` | | `string` | "mm/dd/yyyy" | Specifies the date format. The default is `mm/dd/yyyy`. |
17
- | [largeMobileHeadline](#largeMobileHeadline) | `largeMobileHeadline` | | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600. |
17
+ | [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | | `boolean` | | If declared, make mobileHeadline in HeadingDisplay.<br />Otherwise, Heading 600. |
18
18
  | [maxDate](#maxDate) | `maxDate` | | `string` | | Maximum date. All dates after will be disabled. |
19
19
  | [minDate](#minDate) | `minDate` | | `string` | | Minimum date. All dates before will be disabled. |
20
20
  | [monthNames](#monthNames) | `monthNames` | | `array` | ["January","February","March","April","May","June","July","August","September","October","November","December"] | Names of all 12 months to render in the calendar, used for localization of date string in mobile layout. |
package/components/datepicker/demo/api.min.js CHANGED
@@ -11490,7 +11490,7 @@ class AuroCalendar extends RangeDatepicker {
11490
11490
  type: Boolean,
11491
11491
  reflect: false
11492
11492
  },
11493
- largeMobileHeadline: {
11493
+ largeFullscreenHeadline: {
11494
11494
  type: Boolean,
11495
11495
  reflect: true
11496
11496
  },
@@ -11669,7 +11669,7 @@ class AuroCalendar extends RangeDatepicker {
11669
11669
  render() {
11670
11670
  return u$9`
11671
11671
  <${this.bibtemplateTag}
11672
- ?large="${this.largeMobileHeadline}"
11672
+ ?large="${this.largeFullscreenHeadline}"
11673
11673
  ?isFullscreen="${this.isFullscreen}"
11674
11674
  @close-click="${this.utilCal.requestDismiss}">
11675
11675
 
@@ -21854,7 +21854,7 @@ class AuroDatePicker extends r$c {
21854
21854
  * If declared, make mobileHeadline in HeadingDisplay.
21855
21855
  * Otherwise, Heading 600.
21856
21856
  */
21857
- largeMobileHeadline: {
21857
+ largeFullscreenHeadline: {
21858
21858
  type: Boolean,
21859
21859
  reflect: true
21860
21860
  },
@@ -22688,7 +22688,7 @@ class AuroDatePicker extends r$c {
22688
22688
  </div>
22689
22689
  <div class="calendarWrapper" part="calendarWrapper">
22690
22690
  <auro-calendar
22691
- ?largeMobileHeadline="${this.largeMobileHeadline}"
22691
+ ?largeFullscreenHeadline="${this.largeFullscreenHeadline}"
22692
22692
  ?noRange="${!this.range}"
22693
22693
  .format="${this.format}"
22694
22694
  .monthFirst="${this.monthFirst}"
package/components/datepicker/demo/index.min.js CHANGED
@@ -11231,7 +11231,7 @@ class AuroCalendar extends RangeDatepicker {
11231
11231
  type: Boolean,
11232
11232
  reflect: false
11233
11233
  },
11234
- largeMobileHeadline: {
11234
+ largeFullscreenHeadline: {
11235
11235
  type: Boolean,
11236
11236
  reflect: true
11237
11237
  },
@@ -11410,7 +11410,7 @@ class AuroCalendar extends RangeDatepicker {
11410
11410
  render() {
11411
11411
  return u$9`
11412
11412
  <${this.bibtemplateTag}
11413
- ?large="${this.largeMobileHeadline}"
11413
+ ?large="${this.largeFullscreenHeadline}"
11414
11414
  ?isFullscreen="${this.isFullscreen}"
11415
11415
  @close-click="${this.utilCal.requestDismiss}">
11416
11416
 
@@ -21595,7 +21595,7 @@ class AuroDatePicker extends r$c {
21595
21595
  * If declared, make mobileHeadline in HeadingDisplay.
21596
21596
  * Otherwise, Heading 600.
21597
21597
  */
21598
- largeMobileHeadline: {
21598
+ largeFullscreenHeadline: {
21599
21599
  type: Boolean,
21600
21600
  reflect: true
21601
21601
  },
@@ -22429,7 +22429,7 @@ class AuroDatePicker extends r$c {
22429
22429
  </div>
22430
22430
  <div class="calendarWrapper" part="calendarWrapper">
22431
22431
  <auro-calendar
22432
- ?largeMobileHeadline="${this.largeMobileHeadline}"
22432
+ ?largeFullscreenHeadline="${this.largeFullscreenHeadline}"
22433
22433
  ?noRange="${!this.range}"
22434
22434
  .format="${this.format}"
22435
22435
  .monthFirst="${this.monthFirst}"
package/components/datepicker/dist/auro-calendar.d.ts CHANGED
@@ -51,7 +51,7 @@ export class AuroCalendar extends RangeDatepicker {
51
51
  type: BooleanConstructor;
52
52
  reflect: boolean;
53
53
  };
54
- largeMobileHeadline: {
54
+ largeFullscreenHeadline: {
55
55
  type: BooleanConstructor;
56
56
  reflect: boolean;
57
57
  };
package/components/datepicker/dist/auro-datepicker.d.ts CHANGED
@@ -73,7 +73,7 @@ export class AuroDatePicker extends LitElement {
73
73
  * If declared, make mobileHeadline in HeadingDisplay.
74
74
  * Otherwise, Heading 600.
75
75
  */
76
- largeMobileHeadline: {
76
+ largeFullscreenHeadline: {
77
77
  type: BooleanConstructor;
78
78
  reflect: boolean;
79
79
  };
package/components/datepicker/dist/index.js CHANGED
@@ -11231,7 +11231,7 @@ class AuroCalendar extends RangeDatepicker {
11231
11231
  type: Boolean,
11232
11232
  reflect: false
11233
11233
  },
11234
- largeMobileHeadline: {
11234
+ largeFullscreenHeadline: {
11235
11235
  type: Boolean,
11236
11236
  reflect: true
11237
11237
  },
@@ -11410,7 +11410,7 @@ class AuroCalendar extends RangeDatepicker {
11410
11410
  render() {
11411
11411
  return u$9`
11412
11412
  <${this.bibtemplateTag}
11413
- ?large="${this.largeMobileHeadline}"
11413
+ ?large="${this.largeFullscreenHeadline}"
11414
11414
  ?isFullscreen="${this.isFullscreen}"
11415
11415
  @close-click="${this.utilCal.requestDismiss}">
11416
11416
 
@@ -21595,7 +21595,7 @@ class AuroDatePicker extends r$c {
21595
21595
  * If declared, make mobileHeadline in HeadingDisplay.
21596
21596
  * Otherwise, Heading 600.
21597
21597
  */
21598
- largeMobileHeadline: {
21598
+ largeFullscreenHeadline: {
21599
21599
  type: Boolean,
21600
21600
  reflect: true
21601
21601
  },
@@ -22429,7 +22429,7 @@ class AuroDatePicker extends r$c {
22429
22429
  </div>
22430
22430
  <div class="calendarWrapper" part="calendarWrapper">
22431
22431
  <auro-calendar
22432
- ?largeMobileHeadline="${this.largeMobileHeadline}"
22432
+ ?largeFullscreenHeadline="${this.largeFullscreenHeadline}"
22433
22433
  ?noRange="${!this.range}"
22434
22434
  .format="${this.format}"
22435
22435
  .monthFirst="${this.monthFirst}"
package/components/datepicker/dist/registered.js CHANGED
@@ -11231,7 +11231,7 @@ class AuroCalendar extends RangeDatepicker {
11231
11231
  type: Boolean,
11232
11232
  reflect: false
11233
11233
  },
11234
- largeMobileHeadline: {
11234
+ largeFullscreenHeadline: {
11235
11235
  type: Boolean,
11236
11236
  reflect: true
11237
11237
  },
@@ -11410,7 +11410,7 @@ class AuroCalendar extends RangeDatepicker {
11410
11410
  render() {
11411
11411
  return u$9`
11412
11412
  <${this.bibtemplateTag}
11413
- ?large="${this.largeMobileHeadline}"
11413
+ ?large="${this.largeFullscreenHeadline}"
11414
11414
  ?isFullscreen="${this.isFullscreen}"
11415
11415
  @close-click="${this.utilCal.requestDismiss}">
11416
11416
 
@@ -21595,7 +21595,7 @@ class AuroDatePicker extends r$c {
21595
21595
  * If declared, make mobileHeadline in HeadingDisplay.
21596
21596
  * Otherwise, Heading 600.
21597
21597
  */
21598
- largeMobileHeadline: {
21598
+ largeFullscreenHeadline: {
21599
21599
  type: Boolean,
21600
21600
  reflect: true
21601
21601
  },
@@ -22429,7 +22429,7 @@ class AuroDatePicker extends r$c {
22429
22429
  </div>
22430
22430
  <div class="calendarWrapper" part="calendarWrapper">
22431
22431
  <auro-calendar
22432
- ?largeMobileHeadline="${this.largeMobileHeadline}"
22432
+ ?largeFullscreenHeadline="${this.largeFullscreenHeadline}"
22433
22433
  ?noRange="${!this.range}"
22434
22434
  .format="${this.format}"
22435
22435
  .monthFirst="${this.monthFirst}"
package/components/dropdown/README.md CHANGED
@@ -97,7 +97,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
97
97
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
98
98
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
99
99
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
100
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.49/dist/auro-dropdown__bundled.js" type="module"></script>
100
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.50/dist/auro-dropdown__bundled.js" type="module"></script>
101
101
  <!-- AURO-GENERATED-CONTENT:END -->
102
102
 
103
103
  ## auro-dropdown use cases
package/components/form/README.md CHANGED
@@ -98,7 +98,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
98
98
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
99
99
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
100
100
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
101
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-form@2.0.0-beta.49/dist/auro-form__bundled.js" type="module"></script>
101
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-form@2.0.0-beta.50/dist/auro-form__bundled.js" type="module"></script>
102
102
  <!-- AURO-GENERATED-CONTENT:END -->
103
103
 
104
104
  ## auro-form use cases
package/components/input/README.md CHANGED
@@ -89,7 +89,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
89
89
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
90
90
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
91
91
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
92
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.49/dist/auro-input__bundled.js" type="module"></script>
92
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.50/dist/auro-input__bundled.js" type="module"></script>
93
93
  <!-- AURO-GENERATED-CONTENT:END -->
94
94
 
95
95
  ## auro-input use cases
package/components/menu/README.md CHANGED
@@ -100,7 +100,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
100
100
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
101
101
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
102
102
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
103
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.49/dist/auro-menu__bundled.js" type="module"></script>
103
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.50/dist/auro-menu__bundled.js" type="module"></script>
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
106
106
  ## auro-menu use cases
package/components/radio/README.md CHANGED
@@ -90,7 +90,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
90
90
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
91
91
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
92
92
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
93
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-radio@2.0.0-beta.49/dist/auro-radio__bundled.js" type="module"></script>
93
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-radio@2.0.0-beta.50/dist/auro-radio__bundled.js" type="module"></script>
94
94
  <!-- AURO-GENERATED-CONTENT:END -->
95
95
 
96
96
  ## auro-radio use cases
package/components/select/README.md CHANGED
@@ -72,6 +72,7 @@ import "@aurodesignsystem/auro-formkit/auro-select";
72
72
 
73
73
  ```html
74
74
  <auro-select>
75
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
75
76
  <auro-menu>
76
77
  <auro-menuoption value="stops">Stops</auro-menuoption>
77
78
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -99,9 +100,9 @@ In cases where the project is not able to process JS assets, there are pre-proce
99
100
  <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
100
101
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
101
102
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
102
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.49/dist/auro-dropdown__bundled.js" type="module"></script>
103
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.49/dist/auro-menu__bundled.js" type="module"></script>
104
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-select@2.0.0-beta.49/dist/auro-select__bundled.js" type="module"></script>
103
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.50/dist/auro-dropdown__bundled.js" type="module"></script>
104
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.50/dist/auro-menu__bundled.js" type="module"></script>
105
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-select@2.0.0-beta.50/dist/auro-select__bundled.js" type="module"></script>
105
106
  <!-- AURO-GENERATED-CONTENT:END -->
106
107
 
107
108
  ## auro-select use cases
@@ -120,6 +121,7 @@ See description.
120
121
 
121
122
  ```html
122
123
  <auro-select>
124
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
123
125
  <auro-menu>
124
126
  <auro-menuoption value="stops">Stops</auro-menuoption>
125
127
  <auro-menuoption value="price">Price</auro-menuoption>