@aurodesignsystem-dev/auro-formkit 0.0.0-pr674.0 → 0.0.0-pr678.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.
Files changed (58) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/api.min.js +4 -2
  4. package/components/checkbox/demo/index.min.js +4 -2
  5. package/components/checkbox/dist/auro-checkbox.d.ts +1 -1
  6. package/components/checkbox/dist/index.js +4 -2
  7. package/components/checkbox/dist/registered.js +4 -2
  8. package/components/combobox/demo/api.min.js +259 -146
  9. package/components/combobox/demo/index.min.js +259 -146
  10. package/components/combobox/dist/auro-combobox.d.ts +2 -4
  11. package/components/combobox/dist/index.js +171 -113
  12. package/components/combobox/dist/registered.js +171 -113
  13. package/components/counter/demo/api.min.js +36 -17
  14. package/components/counter/demo/index.min.js +36 -17
  15. package/components/counter/dist/index.js +36 -17
  16. package/components/counter/dist/registered.js +36 -17
  17. package/components/datepicker/demo/api.md +3 -1
  18. package/components/datepicker/demo/api.min.js +921 -282
  19. package/components/datepicker/demo/index.md +6 -1
  20. package/components/datepicker/demo/index.min.js +921 -282
  21. package/components/datepicker/dist/auro-datepicker.d.ts +17 -7
  22. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  23. package/components/datepicker/dist/index.js +921 -282
  24. package/components/datepicker/dist/registered.js +921 -282
  25. package/components/dropdown/demo/api.min.js +32 -15
  26. package/components/dropdown/demo/index.min.js +32 -15
  27. package/components/dropdown/dist/auro-dropdownBib.d.ts +5 -0
  28. package/components/dropdown/dist/index.js +32 -15
  29. package/components/dropdown/dist/registered.js +32 -15
  30. package/components/input/demo/api.md +54 -47
  31. package/components/input/demo/api.min.js +74 -29
  32. package/components/input/demo/index.min.js +74 -29
  33. package/components/input/dist/auro-input.d.ts +3 -0
  34. package/components/input/dist/base-input.d.ts +28 -6
  35. package/components/input/dist/index.js +74 -29
  36. package/components/input/dist/registered.js +74 -29
  37. package/components/menu/demo/api.html +38 -0
  38. package/components/menu/demo/api.md +70 -9
  39. package/components/menu/demo/api.min.js +180 -33
  40. package/components/menu/demo/index.min.js +180 -33
  41. package/components/menu/dist/auro-menu.d.ts +22 -5
  42. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  43. package/components/menu/dist/index.js +180 -33
  44. package/components/menu/dist/registered.js +180 -33
  45. package/components/radio/demo/api.min.js +3 -1
  46. package/components/radio/demo/index.min.js +3 -1
  47. package/components/radio/dist/index.js +3 -1
  48. package/components/radio/dist/registered.js +3 -1
  49. package/components/select/demo/api.min.js +147 -57
  50. package/components/select/demo/index.min.js +147 -57
  51. package/components/select/dist/index.js +59 -24
  52. package/components/select/dist/registered.js +59 -24
  53. package/package.json +2 -2
  54. /package/components/menu/dist/styles/{color-menu-css.d.ts → default/color-menu-css.d.ts} +0 -0
  55. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  56. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/style-menu-css.d.ts} +0 -0
  57. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
  58. /package/components/menu/dist/styles/{tokens-css.d.ts → default/tokens-css.d.ts} +0 -0
package/components/bibtemplate/dist/index.js CHANGED
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
5
5
 
6
6
  var colorCss$1 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
7
7
 
8
- var styleCss$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
8
+ var styleCss$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){box-sizing:border-box;padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
9
9
 
10
10
  var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
11
11
 
package/components/bibtemplate/dist/registered.js CHANGED
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
5
5
 
6
6
  var colorCss$1 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
7
7
 
8
- var styleCss$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
8
+ var styleCss$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column}#header{display:flex;width:100%;min-height:var(--ds-size-1000, 5rem);box-sizing:border-box;align-items:end;padding-top:var(--ds-size-400, 2rem);padding-right:var(--ds-size-700, 3.5rem);padding-left:var(--ds-size-200, 1rem);pointer-events:none}#subheader{width:100%}#subheader ::slotted([auro-input]){box-sizing:border-box;padding:0 var(--ds-size-200, 1rem)}#closeButton{position:absolute;top:var(--ds-size-400, 2rem);right:var(--ds-size-200, 1rem);border:none;background-color:transparent;cursor:pointer}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
9
9
 
10
10
  var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
11
11
 
package/components/checkbox/demo/api.min.js CHANGED
@@ -359,7 +359,7 @@ class AuroCheckbox extends i$2 {
359
359
  * @private
360
360
  * @returns {HTMLElement}
361
361
  */
362
- getLayoutDefault() {
362
+ render() {
363
363
  const labelClasses = {
364
364
  'label': true,
365
365
  'label--cbx': true,
@@ -1092,7 +1092,9 @@ class AuroFormValidation {
1092
1092
  elem.validity = this.auroInputElements[0].validity;
1093
1093
  elem.errorMessage = this.auroInputElements[0].errorMessage;
1094
1094
 
1095
- if (elem.validity === 'valid' && this.auroInputElements.length > 1) {
1095
+ // combobox has 2 inputs but no need to check validity on the 2nd one which is in fullscreen bib.
1096
+ // combobox's 2nd input will have noValidate set true.
1097
+ if (elem.validity === 'valid' && this.auroInputElements.length > 1 && !this.auroInputElements[1].noValidate) {
1096
1098
  elem.validity = this.auroInputElements[1].validity;
1097
1099
  elem.errorMessage = this.auroInputElements[1].errorMessage;
1098
1100
  }
package/components/checkbox/demo/index.min.js CHANGED
@@ -351,7 +351,7 @@ class AuroCheckbox extends i$2 {
351
351
  * @private
352
352
  * @returns {HTMLElement}
353
353
  */
354
- getLayoutDefault() {
354
+ render() {
355
355
  const labelClasses = {
356
356
  'label': true,
357
357
  'label--cbx': true,
@@ -1084,7 +1084,9 @@ class AuroFormValidation {
1084
1084
  elem.validity = this.auroInputElements[0].validity;
1085
1085
  elem.errorMessage = this.auroInputElements[0].errorMessage;
1086
1086
 
1087
- if (elem.validity === 'valid' && this.auroInputElements.length > 1) {
1087
+ // combobox has 2 inputs but no need to check validity on the 2nd one which is in fullscreen bib.
1088
+ // combobox's 2nd input will have noValidate set true.
1089
+ if (elem.validity === 'valid' && this.auroInputElements.length > 1 && !this.auroInputElements[1].noValidate) {
1088
1090
  elem.validity = this.auroInputElements[1].validity;
1089
1091
  elem.errorMessage = this.auroInputElements[1].errorMessage;
1090
1092
  }
package/components/checkbox/dist/auro-checkbox.d.ts CHANGED
@@ -128,6 +128,6 @@ export class AuroCheckbox extends LitElement {
128
128
  * @private
129
129
  * @returns {HTMLElement}
130
130
  */
131
- private getLayoutDefault;
131
+ private render;
132
132
  }
133
133
  import { LitElement } from "lit";
package/components/checkbox/dist/index.js CHANGED
@@ -311,7 +311,7 @@ class AuroCheckbox extends LitElement {
311
311
  * @private
312
312
  * @returns {HTMLElement}
313
313
  */
314
- getLayoutDefault() {
314
+ render() {
315
315
  const labelClasses = {
316
316
  'label': true,
317
317
  'label--cbx': true,
@@ -1037,7 +1037,9 @@ class AuroFormValidation {
1037
1037
  elem.validity = this.auroInputElements[0].validity;
1038
1038
  elem.errorMessage = this.auroInputElements[0].errorMessage;
1039
1039
 
1040
- if (elem.validity === 'valid' && this.auroInputElements.length > 1) {
1040
+ // combobox has 2 inputs but no need to check validity on the 2nd one which is in fullscreen bib.
1041
+ // combobox's 2nd input will have noValidate set true.
1042
+ if (elem.validity === 'valid' && this.auroInputElements.length > 1 && !this.auroInputElements[1].noValidate) {
1041
1043
  elem.validity = this.auroInputElements[1].validity;
1042
1044
  elem.errorMessage = this.auroInputElements[1].errorMessage;
1043
1045
  }
package/components/checkbox/dist/registered.js CHANGED
@@ -311,7 +311,7 @@ class AuroCheckbox extends LitElement {
311
311
  * @private
312
312
  * @returns {HTMLElement}
313
313
  */
314
- getLayoutDefault() {
314
+ render() {
315
315
  const labelClasses = {
316
316
  'label': true,
317
317
  'label--cbx': true,
@@ -1037,7 +1037,9 @@ class AuroFormValidation {
1037
1037
  elem.validity = this.auroInputElements[0].validity;
1038
1038
  elem.errorMessage = this.auroInputElements[0].errorMessage;
1039
1039
 
1040
- if (elem.validity === 'valid' && this.auroInputElements.length > 1) {
1040
+ // combobox has 2 inputs but no need to check validity on the 2nd one which is in fullscreen bib.
1041
+ // combobox's 2nd input will have noValidate set true.
1042
+ if (elem.validity === 'valid' && this.auroInputElements.length > 1 && !this.auroInputElements[1].noValidate) {
1041
1043
  elem.validity = this.auroInputElements[1].validity;
1042
1044
  elem.errorMessage = this.auroInputElements[1].errorMessage;
1043
1045
  }