@aurodesignsystem-dev/auro-formkit 0.0.0-pr1095.2 → 0.0.0-pr1095.3

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 (11) hide show
  1. package/components/combobox/demo/api.min.js +16 -20
  2. package/components/combobox/demo/index.min.js +16 -20
  3. package/components/combobox/dist/auro-combobox.d.ts +1 -0
  4. package/components/combobox/dist/index.js +16 -20
  5. package/components/combobox/dist/registered.js +16 -20
  6. package/components/select/demo/api.min.js +28 -7
  7. package/components/select/demo/index.min.js +28 -7
  8. package/components/select/dist/auro-select.d.ts +2 -0
  9. package/components/select/dist/index.js +28 -7
  10. package/components/select/dist/registered.js +28 -7
  11. package/package.json +1 -1
package/components/combobox/demo/api.min.js CHANGED
@@ -16860,9 +16860,6 @@ class AuroCombobox extends AuroElement$1 {
16860
16860
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
16861
16861
  this.isHiddenWhileLoading = true;
16862
16862
  } else {
16863
- if (this.layout === 'emphasized') {
16864
- this.dropdown.bib.shape = 'rounded';
16865
- }
16866
16863
  this.dropdown.show();
16867
16864
  }
16868
16865
  }
@@ -16959,23 +16956,21 @@ class AuroCombobox extends AuroElement$1 {
16959
16956
  this.menu.setAttribute('size', 'md');
16960
16957
  this.menu.setAttribute('shape', 'box');
16961
16958
  } else {
16962
- // set menu's default size if there it's not specified.
16963
- if (!this.menu.getAttribute('size')) {
16964
- this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16965
- }
16959
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16966
16960
 
16967
- if (!this.menu.getAttribute('shape')) {
16968
- switch (this.layout) {
16969
- case 'classic':
16970
- this.menu.setAttribute('shape', 'box');
16971
- break;
16972
- case 'emphasized':
16973
- this.menu.setAttribute('shape', 'rounded');
16974
- break;
16975
- default:
16976
- this.menu.setAttribute('shape', this.shape);
16977
- break;
16978
- }
16961
+ switch (this.layout) {
16962
+ case 'classic':
16963
+ this.menu.setAttribute('shape', 'box');
16964
+ break;
16965
+ case 'emphasized':
16966
+ if (this.dropdown && this.dropdown.bib) {
16967
+ this.dropdown.bib.shape = 'rounded';
16968
+ }
16969
+ this.menu.setAttribute('shape', 'rounded');
16970
+ break;
16971
+ default:
16972
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16973
+ break;
16979
16974
  }
16980
16975
  }
16981
16976
  }
@@ -16987,6 +16982,7 @@ class AuroCombobox extends AuroElement$1 {
16987
16982
  */
16988
16983
  configureMenu() {
16989
16984
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16985
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16990
16986
 
16991
16987
  this.menu.value = this.value;
16992
16988
 
@@ -17364,7 +17360,7 @@ class AuroCombobox extends AuroElement$1 {
17364
17360
  this.menu.setAttribute('shape', 'rounded');
17365
17361
  break;
17366
17362
  default:
17367
- this.menu.setAttribute('shape', this.shape);
17363
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17368
17364
  break;
17369
17365
  }
17370
17366
  }
package/components/combobox/demo/index.min.js CHANGED
@@ -16662,9 +16662,6 @@ class AuroCombobox extends AuroElement$1 {
16662
16662
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
16663
16663
  this.isHiddenWhileLoading = true;
16664
16664
  } else {
16665
- if (this.layout === 'emphasized') {
16666
- this.dropdown.bib.shape = 'rounded';
16667
- }
16668
16665
  this.dropdown.show();
16669
16666
  }
16670
16667
  }
@@ -16761,23 +16758,21 @@ class AuroCombobox extends AuroElement$1 {
16761
16758
  this.menu.setAttribute('size', 'md');
16762
16759
  this.menu.setAttribute('shape', 'box');
16763
16760
  } else {
16764
- // set menu's default size if there it's not specified.
16765
- if (!this.menu.getAttribute('size')) {
16766
- this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16767
- }
16761
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16768
16762
 
16769
- if (!this.menu.getAttribute('shape')) {
16770
- switch (this.layout) {
16771
- case 'classic':
16772
- this.menu.setAttribute('shape', 'box');
16773
- break;
16774
- case 'emphasized':
16775
- this.menu.setAttribute('shape', 'rounded');
16776
- break;
16777
- default:
16778
- this.menu.setAttribute('shape', this.shape);
16779
- break;
16780
- }
16763
+ switch (this.layout) {
16764
+ case 'classic':
16765
+ this.menu.setAttribute('shape', 'box');
16766
+ break;
16767
+ case 'emphasized':
16768
+ if (this.dropdown && this.dropdown.bib) {
16769
+ this.dropdown.bib.shape = 'rounded';
16770
+ }
16771
+ this.menu.setAttribute('shape', 'rounded');
16772
+ break;
16773
+ default:
16774
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16775
+ break;
16781
16776
  }
16782
16777
  }
16783
16778
  }
@@ -16789,6 +16784,7 @@ class AuroCombobox extends AuroElement$1 {
16789
16784
  */
16790
16785
  configureMenu() {
16791
16786
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16787
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16792
16788
 
16793
16789
  this.menu.value = this.value;
16794
16790
 
@@ -17166,7 +17162,7 @@ class AuroCombobox extends AuroElement$1 {
17166
17162
  this.menu.setAttribute('shape', 'rounded');
17167
17163
  break;
17168
17164
  default:
17169
- this.menu.setAttribute('shape', this.shape);
17165
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17170
17166
  break;
17171
17167
  }
17172
17168
  }
package/components/combobox/dist/auro-combobox.d.ts CHANGED
@@ -404,6 +404,7 @@ export class AuroCombobox extends AuroElement {
404
404
  */
405
405
  private configureMenu;
406
406
  menu: Element;
407
+ defaultMenuShape: string;
407
408
  /**
408
409
  * Binds all behavior needed to the input after rendering.
409
410
  * @private
package/components/combobox/dist/index.js CHANGED
@@ -16580,9 +16580,6 @@ class AuroCombobox extends AuroElement {
16580
16580
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
16581
16581
  this.isHiddenWhileLoading = true;
16582
16582
  } else {
16583
- if (this.layout === 'emphasized') {
16584
- this.dropdown.bib.shape = 'rounded';
16585
- }
16586
16583
  this.dropdown.show();
16587
16584
  }
16588
16585
  }
@@ -16679,23 +16676,21 @@ class AuroCombobox extends AuroElement {
16679
16676
  this.menu.setAttribute('size', 'md');
16680
16677
  this.menu.setAttribute('shape', 'box');
16681
16678
  } else {
16682
- // set menu's default size if there it's not specified.
16683
- if (!this.menu.getAttribute('size')) {
16684
- this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16685
- }
16679
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16686
16680
 
16687
- if (!this.menu.getAttribute('shape')) {
16688
- switch (this.layout) {
16689
- case 'classic':
16690
- this.menu.setAttribute('shape', 'box');
16691
- break;
16692
- case 'emphasized':
16693
- this.menu.setAttribute('shape', 'rounded');
16694
- break;
16695
- default:
16696
- this.menu.setAttribute('shape', this.shape);
16697
- break;
16698
- }
16681
+ switch (this.layout) {
16682
+ case 'classic':
16683
+ this.menu.setAttribute('shape', 'box');
16684
+ break;
16685
+ case 'emphasized':
16686
+ if (this.dropdown && this.dropdown.bib) {
16687
+ this.dropdown.bib.shape = 'rounded';
16688
+ }
16689
+ this.menu.setAttribute('shape', 'rounded');
16690
+ break;
16691
+ default:
16692
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16693
+ break;
16699
16694
  }
16700
16695
  }
16701
16696
  }
@@ -16707,6 +16702,7 @@ class AuroCombobox extends AuroElement {
16707
16702
  */
16708
16703
  configureMenu() {
16709
16704
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16705
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16710
16706
 
16711
16707
  this.menu.value = this.value;
16712
16708
 
@@ -17084,7 +17080,7 @@ class AuroCombobox extends AuroElement {
17084
17080
  this.menu.setAttribute('shape', 'rounded');
17085
17081
  break;
17086
17082
  default:
17087
- this.menu.setAttribute('shape', this.shape);
17083
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17088
17084
  break;
17089
17085
  }
17090
17086
  }
package/components/combobox/dist/registered.js CHANGED
@@ -16580,9 +16580,6 @@ class AuroCombobox extends AuroElement {
16580
16580
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
16581
16581
  this.isHiddenWhileLoading = true;
16582
16582
  } else {
16583
- if (this.layout === 'emphasized') {
16584
- this.dropdown.bib.shape = 'rounded';
16585
- }
16586
16583
  this.dropdown.show();
16587
16584
  }
16588
16585
  }
@@ -16679,23 +16676,21 @@ class AuroCombobox extends AuroElement {
16679
16676
  this.menu.setAttribute('size', 'md');
16680
16677
  this.menu.setAttribute('shape', 'box');
16681
16678
  } else {
16682
- // set menu's default size if there it's not specified.
16683
- if (!this.menu.getAttribute('size')) {
16684
- this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16685
- }
16679
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16686
16680
 
16687
- if (!this.menu.getAttribute('shape')) {
16688
- switch (this.layout) {
16689
- case 'classic':
16690
- this.menu.setAttribute('shape', 'box');
16691
- break;
16692
- case 'emphasized':
16693
- this.menu.setAttribute('shape', 'rounded');
16694
- break;
16695
- default:
16696
- this.menu.setAttribute('shape', this.shape);
16697
- break;
16698
- }
16681
+ switch (this.layout) {
16682
+ case 'classic':
16683
+ this.menu.setAttribute('shape', 'box');
16684
+ break;
16685
+ case 'emphasized':
16686
+ if (this.dropdown && this.dropdown.bib) {
16687
+ this.dropdown.bib.shape = 'rounded';
16688
+ }
16689
+ this.menu.setAttribute('shape', 'rounded');
16690
+ break;
16691
+ default:
16692
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16693
+ break;
16699
16694
  }
16700
16695
  }
16701
16696
  }
@@ -16707,6 +16702,7 @@ class AuroCombobox extends AuroElement {
16707
16702
  */
16708
16703
  configureMenu() {
16709
16704
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16705
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16710
16706
 
16711
16707
  this.menu.value = this.value;
16712
16708
 
@@ -17084,7 +17080,7 @@ class AuroCombobox extends AuroElement {
17084
17080
  this.menu.setAttribute('shape', 'rounded');
17085
17081
  break;
17086
17082
  default:
17087
- this.menu.setAttribute('shape', this.shape);
17083
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17088
17084
  break;
17089
17085
  }
17090
17086
  }
package/components/select/demo/api.min.js CHANGED
@@ -8272,12 +8272,21 @@ class AuroSelect extends AuroElement$4 {
8272
8272
  this.menu.setAttribute('shape', 'box');
8273
8273
  } else {
8274
8274
  // set menu's default size if there it's not specified.
8275
- if (!this.menu.getAttribute('size')) {
8276
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8277
- }
8275
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8278
8276
 
8279
- if (!this.menu.getAttribute('shape')) {
8280
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8277
+ switch (this.layout) {
8278
+ case 'classic':
8279
+ this.menu.setAttribute('shape', 'box');
8280
+ break;
8281
+ case 'emphasized':
8282
+ if (this.dropdown && this.dropdown.bib) {
8283
+ this.dropdown.bib.shape = 'rounded';
8284
+ }
8285
+ this.menu.setAttribute('shape', 'rounded');
8286
+ break;
8287
+ default:
8288
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8289
+ break;
8281
8290
  }
8282
8291
  }
8283
8292
  }
@@ -8289,6 +8298,8 @@ class AuroSelect extends AuroElement$4 {
8289
8298
  */
8290
8299
  configureMenu() {
8291
8300
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8301
+ this.defaultMenuSize = this.menu.getAttribute('size');
8302
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8292
8303
 
8293
8304
  // racing condition on custom-select with custom-menu
8294
8305
  if (!this.menu) {
@@ -8666,11 +8677,21 @@ class AuroSelect extends AuroElement$4 {
8666
8677
  }
8667
8678
 
8668
8679
  if (changedProperties.has('shape') && this.menu) {
8669
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8680
+ switch (this.layout) {
8681
+ case 'classic':
8682
+ this.menu.setAttribute('shape', 'box');
8683
+ break;
8684
+ case 'emphasized':
8685
+ this.menu.setAttribute('shape', 'rounded');
8686
+ break;
8687
+ default:
8688
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8689
+ break;
8690
+ }
8670
8691
  }
8671
8692
 
8672
8693
  if (changedProperties.has('size') && this.menu) {
8673
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8694
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8674
8695
  }
8675
8696
  }
8676
8697
 
package/components/select/demo/index.min.js CHANGED
@@ -8180,12 +8180,21 @@ class AuroSelect extends AuroElement$4 {
8180
8180
  this.menu.setAttribute('shape', 'box');
8181
8181
  } else {
8182
8182
  // set menu's default size if there it's not specified.
8183
- if (!this.menu.getAttribute('size')) {
8184
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8185
- }
8183
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8186
8184
 
8187
- if (!this.menu.getAttribute('shape')) {
8188
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8185
+ switch (this.layout) {
8186
+ case 'classic':
8187
+ this.menu.setAttribute('shape', 'box');
8188
+ break;
8189
+ case 'emphasized':
8190
+ if (this.dropdown && this.dropdown.bib) {
8191
+ this.dropdown.bib.shape = 'rounded';
8192
+ }
8193
+ this.menu.setAttribute('shape', 'rounded');
8194
+ break;
8195
+ default:
8196
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8197
+ break;
8189
8198
  }
8190
8199
  }
8191
8200
  }
@@ -8197,6 +8206,8 @@ class AuroSelect extends AuroElement$4 {
8197
8206
  */
8198
8207
  configureMenu() {
8199
8208
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8209
+ this.defaultMenuSize = this.menu.getAttribute('size');
8210
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8200
8211
 
8201
8212
  // racing condition on custom-select with custom-menu
8202
8213
  if (!this.menu) {
@@ -8574,11 +8585,21 @@ class AuroSelect extends AuroElement$4 {
8574
8585
  }
8575
8586
 
8576
8587
  if (changedProperties.has('shape') && this.menu) {
8577
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8588
+ switch (this.layout) {
8589
+ case 'classic':
8590
+ this.menu.setAttribute('shape', 'box');
8591
+ break;
8592
+ case 'emphasized':
8593
+ this.menu.setAttribute('shape', 'rounded');
8594
+ break;
8595
+ default:
8596
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8597
+ break;
8598
+ }
8578
8599
  }
8579
8600
 
8580
8601
  if (changedProperties.has('size') && this.menu) {
8581
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8602
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8582
8603
  }
8583
8604
  }
8584
8605
 
package/components/select/dist/auro-select.d.ts CHANGED
@@ -368,6 +368,8 @@ export class AuroSelect extends AuroElement {
368
368
  */
369
369
  private configureMenu;
370
370
  menu: Element;
371
+ defaultMenuSize: string;
372
+ defaultMenuShape: string;
371
373
  /**
372
374
  * Binds all behavior needed to the component after rendering.
373
375
  * @private
package/components/select/dist/index.js CHANGED
@@ -8134,12 +8134,21 @@ class AuroSelect extends AuroElement$3 {
8134
8134
  this.menu.setAttribute('shape', 'box');
8135
8135
  } else {
8136
8136
  // set menu's default size if there it's not specified.
8137
- if (!this.menu.getAttribute('size')) {
8138
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8139
- }
8137
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8140
8138
 
8141
- if (!this.menu.getAttribute('shape')) {
8142
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8139
+ switch (this.layout) {
8140
+ case 'classic':
8141
+ this.menu.setAttribute('shape', 'box');
8142
+ break;
8143
+ case 'emphasized':
8144
+ if (this.dropdown && this.dropdown.bib) {
8145
+ this.dropdown.bib.shape = 'rounded';
8146
+ }
8147
+ this.menu.setAttribute('shape', 'rounded');
8148
+ break;
8149
+ default:
8150
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8151
+ break;
8143
8152
  }
8144
8153
  }
8145
8154
  }
@@ -8151,6 +8160,8 @@ class AuroSelect extends AuroElement$3 {
8151
8160
  */
8152
8161
  configureMenu() {
8153
8162
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8163
+ this.defaultMenuSize = this.menu.getAttribute('size');
8164
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8154
8165
 
8155
8166
  // racing condition on custom-select with custom-menu
8156
8167
  if (!this.menu) {
@@ -8528,11 +8539,21 @@ class AuroSelect extends AuroElement$3 {
8528
8539
  }
8529
8540
 
8530
8541
  if (changedProperties.has('shape') && this.menu) {
8531
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8542
+ switch (this.layout) {
8543
+ case 'classic':
8544
+ this.menu.setAttribute('shape', 'box');
8545
+ break;
8546
+ case 'emphasized':
8547
+ this.menu.setAttribute('shape', 'rounded');
8548
+ break;
8549
+ default:
8550
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8551
+ break;
8552
+ }
8532
8553
  }
8533
8554
 
8534
8555
  if (changedProperties.has('size') && this.menu) {
8535
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8556
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8536
8557
  }
8537
8558
  }
8538
8559
 
package/components/select/dist/registered.js CHANGED
@@ -8134,12 +8134,21 @@ class AuroSelect extends AuroElement$3 {
8134
8134
  this.menu.setAttribute('shape', 'box');
8135
8135
  } else {
8136
8136
  // set menu's default size if there it's not specified.
8137
- if (!this.menu.getAttribute('size')) {
8138
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8139
- }
8137
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8140
8138
 
8141
- if (!this.menu.getAttribute('shape')) {
8142
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8139
+ switch (this.layout) {
8140
+ case 'classic':
8141
+ this.menu.setAttribute('shape', 'box');
8142
+ break;
8143
+ case 'emphasized':
8144
+ if (this.dropdown && this.dropdown.bib) {
8145
+ this.dropdown.bib.shape = 'rounded';
8146
+ }
8147
+ this.menu.setAttribute('shape', 'rounded');
8148
+ break;
8149
+ default:
8150
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8151
+ break;
8143
8152
  }
8144
8153
  }
8145
8154
  }
@@ -8151,6 +8160,8 @@ class AuroSelect extends AuroElement$3 {
8151
8160
  */
8152
8161
  configureMenu() {
8153
8162
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8163
+ this.defaultMenuSize = this.menu.getAttribute('size');
8164
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8154
8165
 
8155
8166
  // racing condition on custom-select with custom-menu
8156
8167
  if (!this.menu) {
@@ -8528,11 +8539,21 @@ class AuroSelect extends AuroElement$3 {
8528
8539
  }
8529
8540
 
8530
8541
  if (changedProperties.has('shape') && this.menu) {
8531
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8542
+ switch (this.layout) {
8543
+ case 'classic':
8544
+ this.menu.setAttribute('shape', 'box');
8545
+ break;
8546
+ case 'emphasized':
8547
+ this.menu.setAttribute('shape', 'rounded');
8548
+ break;
8549
+ default:
8550
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8551
+ break;
8552
+ }
8532
8553
  }
8533
8554
 
8534
8555
  if (changedProperties.has('size') && this.menu) {
8535
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8556
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8536
8557
  }
8537
8558
  }
8538
8559
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1095.2",
3
+ "version": "0.0.0-pr1095.3",
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": {