@aurodesignsystem-dev/auro-formkit 0.0.0-pr1095.1 → 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 (23) hide show
  1. package/components/combobox/demo/api.min.js +28 -9
  2. package/components/combobox/demo/index.min.js +28 -9
  3. package/components/combobox/dist/auro-combobox.d.ts +1 -0
  4. package/components/combobox/dist/index.js +28 -9
  5. package/components/combobox/dist/registered.js +28 -9
  6. package/components/counter/demo/api.min.js +1 -1
  7. package/components/counter/demo/index.min.js +1 -1
  8. package/components/counter/dist/index.js +1 -1
  9. package/components/counter/dist/registered.js +1 -1
  10. package/components/datepicker/demo/api.min.js +1 -1
  11. package/components/datepicker/demo/index.min.js +1 -1
  12. package/components/datepicker/dist/index.js +1 -1
  13. package/components/datepicker/dist/registered.js +1 -1
  14. package/components/dropdown/demo/api.min.js +1 -1
  15. package/components/dropdown/demo/index.min.js +1 -1
  16. package/components/dropdown/dist/index.js +1 -1
  17. package/components/dropdown/dist/registered.js +1 -1
  18. package/components/select/demo/api.min.js +29 -8
  19. package/components/select/demo/index.min.js +29 -8
  20. package/components/select/dist/auro-select.d.ts +2 -0
  21. package/components/select/dist/index.js +29 -8
  22. package/components/select/dist/registered.js +29 -8
  23. package/package.json +1 -1
package/components/combobox/demo/api.min.js CHANGED
@@ -4119,7 +4119,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
4119
4119
 
4120
4120
  var iconVersion$3 = '8.1.2';
4121
4121
 
4122
- var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4122
+ var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4123
4123
 
4124
4124
  var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4125
4125
 
@@ -16956,13 +16956,21 @@ class AuroCombobox extends AuroElement$1 {
16956
16956
  this.menu.setAttribute('size', 'md');
16957
16957
  this.menu.setAttribute('shape', 'box');
16958
16958
  } else {
16959
- // set menu's default size if there it's not specified.
16960
- if (!this.menu.getAttribute('size')) {
16961
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16962
- }
16959
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16963
16960
 
16964
- if (!this.menu.getAttribute('shape')) {
16965
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
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;
16966
16974
  }
16967
16975
  }
16968
16976
  }
@@ -16974,6 +16982,7 @@ class AuroCombobox extends AuroElement$1 {
16974
16982
  */
16975
16983
  configureMenu() {
16976
16984
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16985
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16977
16986
 
16978
16987
  this.menu.value = this.value;
16979
16988
 
@@ -17343,11 +17352,21 @@ class AuroCombobox extends AuroElement$1 {
17343
17352
  }
17344
17353
 
17345
17354
  if (changedProperties.has('shape') && this.menu) {
17346
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17355
+ switch (this.layout) {
17356
+ case 'classic':
17357
+ this.menu.setAttribute('shape', 'box');
17358
+ break;
17359
+ case 'emphasized':
17360
+ this.menu.setAttribute('shape', 'rounded');
17361
+ break;
17362
+ default:
17363
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17364
+ break;
17365
+ }
17347
17366
  }
17348
17367
 
17349
17368
  if (changedProperties.has('size') && this.menu) {
17350
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17369
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17351
17370
  }
17352
17371
  }
17353
17372
 
package/components/combobox/demo/index.min.js CHANGED
@@ -3921,7 +3921,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
3921
3921
 
3922
3922
  var iconVersion$3 = '8.1.2';
3923
3923
 
3924
- var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3924
+ var styleCss$2$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3925
3925
 
3926
3926
  var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3927
3927
 
@@ -16758,13 +16758,21 @@ class AuroCombobox extends AuroElement$1 {
16758
16758
  this.menu.setAttribute('size', 'md');
16759
16759
  this.menu.setAttribute('shape', 'box');
16760
16760
  } else {
16761
- // set menu's default size if there it's not specified.
16762
- if (!this.menu.getAttribute('size')) {
16763
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16764
- }
16761
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16765
16762
 
16766
- if (!this.menu.getAttribute('shape')) {
16767
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
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;
16768
16776
  }
16769
16777
  }
16770
16778
  }
@@ -16776,6 +16784,7 @@ class AuroCombobox extends AuroElement$1 {
16776
16784
  */
16777
16785
  configureMenu() {
16778
16786
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16787
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16779
16788
 
16780
16789
  this.menu.value = this.value;
16781
16790
 
@@ -17145,11 +17154,21 @@ class AuroCombobox extends AuroElement$1 {
17145
17154
  }
17146
17155
 
17147
17156
  if (changedProperties.has('shape') && this.menu) {
17148
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17157
+ switch (this.layout) {
17158
+ case 'classic':
17159
+ this.menu.setAttribute('shape', 'box');
17160
+ break;
17161
+ case 'emphasized':
17162
+ this.menu.setAttribute('shape', 'rounded');
17163
+ break;
17164
+ default:
17165
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17166
+ break;
17167
+ }
17149
17168
  }
17150
17169
 
17151
17170
  if (changedProperties.has('size') && this.menu) {
17152
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17171
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17153
17172
  }
17154
17173
  }
17155
17174
 
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
@@ -3852,7 +3852,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
3852
3852
 
3853
3853
  var iconVersion$2 = '8.1.2';
3854
3854
 
3855
- var styleCss$2$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3855
+ var styleCss$2$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3856
3856
 
3857
3857
  var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3858
3858
 
@@ -16676,13 +16676,21 @@ class AuroCombobox extends AuroElement {
16676
16676
  this.menu.setAttribute('size', 'md');
16677
16677
  this.menu.setAttribute('shape', 'box');
16678
16678
  } else {
16679
- // set menu's default size if there it's not specified.
16680
- if (!this.menu.getAttribute('size')) {
16681
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16682
- }
16679
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16683
16680
 
16684
- if (!this.menu.getAttribute('shape')) {
16685
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
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;
16686
16694
  }
16687
16695
  }
16688
16696
  }
@@ -16694,6 +16702,7 @@ class AuroCombobox extends AuroElement {
16694
16702
  */
16695
16703
  configureMenu() {
16696
16704
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16705
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16697
16706
 
16698
16707
  this.menu.value = this.value;
16699
16708
 
@@ -17063,11 +17072,21 @@ class AuroCombobox extends AuroElement {
17063
17072
  }
17064
17073
 
17065
17074
  if (changedProperties.has('shape') && this.menu) {
17066
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17075
+ switch (this.layout) {
17076
+ case 'classic':
17077
+ this.menu.setAttribute('shape', 'box');
17078
+ break;
17079
+ case 'emphasized':
17080
+ this.menu.setAttribute('shape', 'rounded');
17081
+ break;
17082
+ default:
17083
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17084
+ break;
17085
+ }
17067
17086
  }
17068
17087
 
17069
17088
  if (changedProperties.has('size') && this.menu) {
17070
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17089
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17071
17090
  }
17072
17091
  }
17073
17092
 
package/components/combobox/dist/registered.js CHANGED
@@ -3852,7 +3852,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
3852
3852
 
3853
3853
  var iconVersion$2 = '8.1.2';
3854
3854
 
3855
- var styleCss$2$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3855
+ var styleCss$2$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3856
3856
 
3857
3857
  var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3858
3858
 
@@ -16676,13 +16676,21 @@ class AuroCombobox extends AuroElement {
16676
16676
  this.menu.setAttribute('size', 'md');
16677
16677
  this.menu.setAttribute('shape', 'box');
16678
16678
  } else {
16679
- // set menu's default size if there it's not specified.
16680
- if (!this.menu.getAttribute('size')) {
16681
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16682
- }
16679
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16683
16680
 
16684
- if (!this.menu.getAttribute('shape')) {
16685
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
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;
16686
16694
  }
16687
16695
  }
16688
16696
  }
@@ -16694,6 +16702,7 @@ class AuroCombobox extends AuroElement {
16694
16702
  */
16695
16703
  configureMenu() {
16696
16704
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16705
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16697
16706
 
16698
16707
  this.menu.value = this.value;
16699
16708
 
@@ -17063,11 +17072,21 @@ class AuroCombobox extends AuroElement {
17063
17072
  }
17064
17073
 
17065
17074
  if (changedProperties.has('shape') && this.menu) {
17066
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17075
+ switch (this.layout) {
17076
+ case 'classic':
17077
+ this.menu.setAttribute('shape', 'box');
17078
+ break;
17079
+ case 'emphasized':
17080
+ this.menu.setAttribute('shape', 'rounded');
17081
+ break;
17082
+ default:
17083
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17084
+ break;
17085
+ }
17067
17086
  }
17068
17087
 
17069
17088
  if (changedProperties.has('size') && this.menu) {
17070
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17089
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17071
17090
  }
17072
17091
  }
17073
17092
 
package/components/counter/demo/api.min.js CHANGED
@@ -6095,7 +6095,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6095
6095
 
6096
6096
  var iconVersion$1 = '8.1.2';
6097
6097
 
6098
- var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6098
+ var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6099
6099
 
6100
6100
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6101
6101
 
package/components/counter/demo/index.min.js CHANGED
@@ -6095,7 +6095,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6095
6095
 
6096
6096
  var iconVersion$1 = '8.1.2';
6097
6097
 
6098
- var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6098
+ var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6099
6099
 
6100
6100
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6101
6101
 
package/components/counter/dist/index.js CHANGED
@@ -6048,7 +6048,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6048
6048
 
6049
6049
  var iconVersion$1 = '8.1.2';
6050
6050
 
6051
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6051
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6052
6052
 
6053
6053
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6054
6054
 
package/components/counter/dist/registered.js CHANGED
@@ -6048,7 +6048,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6048
6048
 
6049
6049
  var iconVersion$1 = '8.1.2';
6050
6050
 
6051
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6051
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
6052
6052
 
6053
6053
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6054
6054
 
package/components/datepicker/demo/api.min.js CHANGED
@@ -17527,7 +17527,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17527
17527
 
17528
17528
  var iconVersion$2 = '8.1.2';
17529
17529
 
17530
- var styleCss$2$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17530
+ var styleCss$2$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17531
17531
 
17532
17532
  var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17533
17533
 
package/components/datepicker/demo/index.min.js CHANGED
@@ -17268,7 +17268,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17268
17268
 
17269
17269
  var iconVersion$2 = '8.1.2';
17270
17270
 
17271
- var styleCss$2$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17271
+ var styleCss$2$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17272
17272
 
17273
17273
  var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17274
17274
 
package/components/datepicker/dist/index.js CHANGED
@@ -17217,7 +17217,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17217
17217
 
17218
17218
  var iconVersion$2 = '8.1.2';
17219
17219
 
17220
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17220
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17221
17221
 
17222
17222
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17223
17223
 
package/components/datepicker/dist/registered.js CHANGED
@@ -17217,7 +17217,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17217
17217
 
17218
17218
  var iconVersion$2 = '8.1.2';
17219
17219
 
17220
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17220
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
17221
17221
 
17222
17222
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17223
17223
 
package/components/dropdown/demo/api.min.js CHANGED
@@ -3025,7 +3025,7 @@ class AuroIcon extends BaseIcon {
3025
3025
 
3026
3026
  var iconVersion = '8.1.2';
3027
3027
 
3028
- var styleCss$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3028
+ var styleCss$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3029
3029
 
3030
3030
  var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3031
3031
 
package/components/dropdown/demo/index.min.js CHANGED
@@ -3000,7 +3000,7 @@ class AuroIcon extends BaseIcon {
3000
3000
 
3001
3001
  var iconVersion = '8.1.2';
3002
3002
 
3003
- var styleCss$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3003
+ var styleCss$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3004
3004
 
3005
3005
  var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3006
3006
 
package/components/dropdown/dist/index.js CHANGED
@@ -2953,7 +2953,7 @@ class AuroIcon extends BaseIcon {
2953
2953
 
2954
2954
  var iconVersion = '8.1.2';
2955
2955
 
2956
- var styleCss$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
2956
+ var styleCss$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
2957
2957
 
2958
2958
  var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
2959
2959
 
package/components/dropdown/dist/registered.js CHANGED
@@ -2953,7 +2953,7 @@ class AuroIcon extends BaseIcon {
2953
2953
 
2954
2954
  var iconVersion = '8.1.2';
2955
2955
 
2956
- var styleCss$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
2956
+ var styleCss$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
2957
2957
 
2958
2958
  var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
2959
2959
 
package/components/select/demo/api.min.js CHANGED
@@ -4098,7 +4098,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
4098
4098
 
4099
4099
  var iconVersion$2 = '8.1.2';
4100
4100
 
4101
- var styleCss$2$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4101
+ var styleCss$2$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4102
4102
 
4103
4103
  var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4104
4104
 
@@ -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
@@ -4006,7 +4006,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
4006
4006
 
4007
4007
  var iconVersion$2 = '8.1.2';
4008
4008
 
4009
- var styleCss$2$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4009
+ var styleCss$2$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
4010
4010
 
4011
4011
  var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4012
4012
 
@@ -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
@@ -3960,7 +3960,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
3960
3960
 
3961
3961
  var iconVersion$1 = '8.1.2';
3962
3962
 
3963
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3963
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3964
3964
 
3965
3965
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3966
3966
 
@@ -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
@@ -3960,7 +3960,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
3960
3960
 
3961
3961
  var iconVersion$1 = '8.1.2';
3962
3962
 
3963
- var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3963
+ var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
3964
3964
 
3965
3965
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3966
3966
 
@@ -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.1",
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": {