@aurodesignsystem-dev/auro-formkit 0.0.0-pr1089.1 → 0.0.0-pr1095.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/components/combobox/demo/api.min.js +28 -6
  2. package/components/combobox/demo/index.min.js +28 -6
  3. package/components/combobox/dist/index.js +28 -6
  4. package/components/combobox/dist/registered.js +28 -6
  5. package/components/counter/demo/api.min.js +1 -1
  6. package/components/counter/demo/index.min.js +1 -1
  7. package/components/counter/dist/index.js +1 -1
  8. package/components/counter/dist/registered.js +1 -1
  9. package/components/datepicker/demo/api.min.js +1 -1
  10. package/components/datepicker/demo/index.min.js +1 -1
  11. package/components/datepicker/dist/index.js +1 -1
  12. package/components/datepicker/dist/registered.js +1 -1
  13. package/components/dropdown/demo/api.min.js +1 -1
  14. package/components/dropdown/demo/index.min.js +1 -1
  15. package/components/dropdown/dist/index.js +1 -1
  16. package/components/dropdown/dist/registered.js +1 -1
  17. package/components/select/demo/api.min.js +28 -8
  18. package/components/select/demo/index.min.js +28 -8
  19. package/components/select/dist/index.js +26 -6
  20. package/components/select/dist/registered.js +26 -6
  21. 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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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,24 @@ class AuroCombobox extends AuroElement$1 {
16956
16956
  this.menu.setAttribute('size', 'md');
16957
16957
  this.menu.setAttribute('shape', 'box');
16958
16958
  } else {
16959
+
16959
16960
  // set menu's default size if there it's not specified.
16960
16961
  if (!this.menu.getAttribute('size')) {
16961
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16962
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
16962
16963
  }
16963
16964
 
16964
- if (!this.getAttribute('shape')) {
16965
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16965
+ if (!this.menu.getAttribute('shape')) {
16966
+ switch (this.layout) {
16967
+ case 'classic':
16968
+ this.menu.setAttribute('shape', 'box');
16969
+ break;
16970
+ case 'snowflake':
16971
+ this.menu.setAttribute('shape', 'pill');
16972
+ break;
16973
+ default:
16974
+ this.menu.setAttribute('shape', this.shape);
16975
+ break;
16976
+ }
16966
16977
  }
16967
16978
  }
16968
16979
  }
@@ -17343,12 +17354,23 @@ class AuroCombobox extends AuroElement$1 {
17343
17354
  }
17344
17355
 
17345
17356
  if (changedProperties.has('shape') && this.menu) {
17346
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17357
+ switch (this.layout) {
17358
+ case 'classic':
17359
+ this.menu.setAttribute('shape', 'box');
17360
+ break;
17361
+ case 'snowflake':
17362
+ this.menu.setAttribute('shape', 'pill');
17363
+ break;
17364
+ default:
17365
+ this.menu.setAttribute('shape', this.shape);
17366
+ break;
17367
+ }
17347
17368
  }
17348
17369
 
17349
17370
  if (changedProperties.has('size') && this.menu) {
17350
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17371
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
17351
17372
  }
17373
+
17352
17374
  }
17353
17375
 
17354
17376
  /**
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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,24 @@ class AuroCombobox extends AuroElement$1 {
16758
16758
  this.menu.setAttribute('size', 'md');
16759
16759
  this.menu.setAttribute('shape', 'box');
16760
16760
  } else {
16761
+
16761
16762
  // set menu's default size if there it's not specified.
16762
16763
  if (!this.menu.getAttribute('size')) {
16763
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16764
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
16764
16765
  }
16765
16766
 
16766
- if (!this.getAttribute('shape')) {
16767
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16767
+ if (!this.menu.getAttribute('shape')) {
16768
+ switch (this.layout) {
16769
+ case 'classic':
16770
+ this.menu.setAttribute('shape', 'box');
16771
+ break;
16772
+ case 'snowflake':
16773
+ this.menu.setAttribute('shape', 'pill');
16774
+ break;
16775
+ default:
16776
+ this.menu.setAttribute('shape', this.shape);
16777
+ break;
16778
+ }
16768
16779
  }
16769
16780
  }
16770
16781
  }
@@ -17145,12 +17156,23 @@ class AuroCombobox extends AuroElement$1 {
17145
17156
  }
17146
17157
 
17147
17158
  if (changedProperties.has('shape') && this.menu) {
17148
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17159
+ switch (this.layout) {
17160
+ case 'classic':
17161
+ this.menu.setAttribute('shape', 'box');
17162
+ break;
17163
+ case 'snowflake':
17164
+ this.menu.setAttribute('shape', 'pill');
17165
+ break;
17166
+ default:
17167
+ this.menu.setAttribute('shape', this.shape);
17168
+ break;
17169
+ }
17149
17170
  }
17150
17171
 
17151
17172
  if (changedProperties.has('size') && this.menu) {
17152
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17173
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
17153
17174
  }
17175
+
17154
17176
  }
17155
17177
 
17156
17178
  /**
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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,24 @@ class AuroCombobox extends AuroElement {
16676
16676
  this.menu.setAttribute('size', 'md');
16677
16677
  this.menu.setAttribute('shape', 'box');
16678
16678
  } else {
16679
+
16679
16680
  // set menu's default size if there it's not specified.
16680
16681
  if (!this.menu.getAttribute('size')) {
16681
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16682
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
16682
16683
  }
16683
16684
 
16684
- if (!this.getAttribute('shape')) {
16685
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16685
+ if (!this.menu.getAttribute('shape')) {
16686
+ switch (this.layout) {
16687
+ case 'classic':
16688
+ this.menu.setAttribute('shape', 'box');
16689
+ break;
16690
+ case 'snowflake':
16691
+ this.menu.setAttribute('shape', 'pill');
16692
+ break;
16693
+ default:
16694
+ this.menu.setAttribute('shape', this.shape);
16695
+ break;
16696
+ }
16686
16697
  }
16687
16698
  }
16688
16699
  }
@@ -17063,12 +17074,23 @@ class AuroCombobox extends AuroElement {
17063
17074
  }
17064
17075
 
17065
17076
  if (changedProperties.has('shape') && this.menu) {
17066
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17077
+ switch (this.layout) {
17078
+ case 'classic':
17079
+ this.menu.setAttribute('shape', 'box');
17080
+ break;
17081
+ case 'snowflake':
17082
+ this.menu.setAttribute('shape', 'pill');
17083
+ break;
17084
+ default:
17085
+ this.menu.setAttribute('shape', this.shape);
17086
+ break;
17087
+ }
17067
17088
  }
17068
17089
 
17069
17090
  if (changedProperties.has('size') && this.menu) {
17070
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17091
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
17071
17092
  }
17093
+
17072
17094
  }
17073
17095
 
17074
17096
  /**
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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,24 @@ class AuroCombobox extends AuroElement {
16676
16676
  this.menu.setAttribute('size', 'md');
16677
16677
  this.menu.setAttribute('shape', 'box');
16678
16678
  } else {
16679
+
16679
16680
  // set menu's default size if there it's not specified.
16680
16681
  if (!this.menu.getAttribute('size')) {
16681
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16682
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
16682
16683
  }
16683
16684
 
16684
- if (!this.getAttribute('shape')) {
16685
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16685
+ if (!this.menu.getAttribute('shape')) {
16686
+ switch (this.layout) {
16687
+ case 'classic':
16688
+ this.menu.setAttribute('shape', 'box');
16689
+ break;
16690
+ case 'snowflake':
16691
+ this.menu.setAttribute('shape', 'pill');
16692
+ break;
16693
+ default:
16694
+ this.menu.setAttribute('shape', this.shape);
16695
+ break;
16696
+ }
16686
16697
  }
16687
16698
  }
16688
16699
  }
@@ -17063,12 +17074,23 @@ class AuroCombobox extends AuroElement {
17063
17074
  }
17064
17075
 
17065
17076
  if (changedProperties.has('shape') && this.menu) {
17066
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17077
+ switch (this.layout) {
17078
+ case 'classic':
17079
+ this.menu.setAttribute('shape', 'box');
17080
+ break;
17081
+ case 'snowflake':
17082
+ this.menu.setAttribute('shape', 'pill');
17083
+ break;
17084
+ default:
17085
+ this.menu.setAttribute('shape', this.shape);
17086
+ break;
17087
+ }
17067
17088
  }
17068
17089
 
17069
17090
  if (changedProperties.has('size') && this.menu) {
17070
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17091
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
17071
17092
  }
17093
+
17072
17094
  }
17073
17095
 
17074
17096
  /**
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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
 
@@ -8273,11 +8273,21 @@ class AuroSelect extends AuroElement$4 {
8273
8273
  } else {
8274
8274
  // set menu's default size if there it's not specified.
8275
8275
  if (!this.menu.getAttribute('size')) {
8276
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8277
- }
8278
-
8279
- if (!this.getAttribute('shape')) {
8280
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8276
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8277
+ }
8278
+
8279
+ if (!this.menu.getAttribute('shape')) {
8280
+ switch (this.layout) {
8281
+ case 'classic':
8282
+ this.menu.setAttribute('shape', 'box');
8283
+ break;
8284
+ case 'snowflake':
8285
+ this.menu.setAttribute('shape', 'pill');
8286
+ break;
8287
+ default:
8288
+ this.menu.setAttribute('shape', this.shape);
8289
+ break;
8290
+ }
8281
8291
  }
8282
8292
  }
8283
8293
  }
@@ -8666,11 +8676,21 @@ class AuroSelect extends AuroElement$4 {
8666
8676
  }
8667
8677
 
8668
8678
  if (changedProperties.has('shape') && this.menu) {
8669
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8679
+ switch (this.layout) {
8680
+ case 'classic':
8681
+ this.menu.setAttribute('shape', 'box');
8682
+ break;
8683
+ case 'snowflake':
8684
+ this.menu.setAttribute('shape', 'pill');
8685
+ break;
8686
+ default:
8687
+ this.menu.setAttribute('shape', this.shape);
8688
+ break;
8689
+ }
8670
8690
  }
8671
8691
 
8672
8692
  if (changedProperties.has('size') && this.menu) {
8673
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8693
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8674
8694
  }
8675
8695
  }
8676
8696
 
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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
 
@@ -8181,11 +8181,21 @@ class AuroSelect extends AuroElement$4 {
8181
8181
  } else {
8182
8182
  // set menu's default size if there it's not specified.
8183
8183
  if (!this.menu.getAttribute('size')) {
8184
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8185
- }
8186
-
8187
- if (!this.getAttribute('shape')) {
8188
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8184
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8185
+ }
8186
+
8187
+ if (!this.menu.getAttribute('shape')) {
8188
+ switch (this.layout) {
8189
+ case 'classic':
8190
+ this.menu.setAttribute('shape', 'box');
8191
+ break;
8192
+ case 'snowflake':
8193
+ this.menu.setAttribute('shape', 'pill');
8194
+ break;
8195
+ default:
8196
+ this.menu.setAttribute('shape', this.shape);
8197
+ break;
8198
+ }
8189
8199
  }
8190
8200
  }
8191
8201
  }
@@ -8574,11 +8584,21 @@ class AuroSelect extends AuroElement$4 {
8574
8584
  }
8575
8585
 
8576
8586
  if (changedProperties.has('shape') && this.menu) {
8577
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8587
+ switch (this.layout) {
8588
+ case 'classic':
8589
+ this.menu.setAttribute('shape', 'box');
8590
+ break;
8591
+ case 'snowflake':
8592
+ this.menu.setAttribute('shape', 'pill');
8593
+ break;
8594
+ default:
8595
+ this.menu.setAttribute('shape', this.shape);
8596
+ break;
8597
+ }
8578
8598
  }
8579
8599
 
8580
8600
  if (changedProperties.has('size') && this.menu) {
8581
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8601
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8582
8602
  }
8583
8603
  }
8584
8604
 
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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
 
@@ -8135,11 +8135,21 @@ class AuroSelect extends AuroElement$3 {
8135
8135
  } else {
8136
8136
  // set menu's default size if there it's not specified.
8137
8137
  if (!this.menu.getAttribute('size')) {
8138
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8138
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8139
8139
  }
8140
8140
 
8141
- if (!this.getAttribute('shape')) {
8142
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8141
+ if (!this.menu.getAttribute('shape')) {
8142
+ switch (this.layout) {
8143
+ case 'classic':
8144
+ this.menu.setAttribute('shape', 'box');
8145
+ break;
8146
+ case 'snowflake':
8147
+ this.menu.setAttribute('shape', 'pill');
8148
+ break;
8149
+ default:
8150
+ this.menu.setAttribute('shape', this.shape);
8151
+ break;
8152
+ }
8143
8153
  }
8144
8154
  }
8145
8155
  }
@@ -8528,11 +8538,21 @@ class AuroSelect extends AuroElement$3 {
8528
8538
  }
8529
8539
 
8530
8540
  if (changedProperties.has('shape') && this.menu) {
8531
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8541
+ switch (this.layout) {
8542
+ case 'classic':
8543
+ this.menu.setAttribute('shape', 'box');
8544
+ break;
8545
+ case 'snowflake':
8546
+ this.menu.setAttribute('shape', 'pill');
8547
+ break;
8548
+ default:
8549
+ this.menu.setAttribute('shape', this.shape);
8550
+ break;
8551
+ }
8532
8552
  }
8533
8553
 
8534
8554
  if (changedProperties.has('size') && this.menu) {
8535
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8555
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8536
8556
  }
8537
8557
  }
8538
8558
 
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]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:var(--ds-size-200, 1rem)}.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
 
@@ -8135,11 +8135,21 @@ class AuroSelect extends AuroElement$3 {
8135
8135
  } else {
8136
8136
  // set menu's default size if there it's not specified.
8137
8137
  if (!this.menu.getAttribute('size')) {
8138
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8138
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8139
8139
  }
8140
8140
 
8141
- if (!this.getAttribute('shape')) {
8142
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8141
+ if (!this.menu.getAttribute('shape')) {
8142
+ switch (this.layout) {
8143
+ case 'classic':
8144
+ this.menu.setAttribute('shape', 'box');
8145
+ break;
8146
+ case 'snowflake':
8147
+ this.menu.setAttribute('shape', 'pill');
8148
+ break;
8149
+ default:
8150
+ this.menu.setAttribute('shape', this.shape);
8151
+ break;
8152
+ }
8143
8153
  }
8144
8154
  }
8145
8155
  }
@@ -8528,11 +8538,21 @@ class AuroSelect extends AuroElement$3 {
8528
8538
  }
8529
8539
 
8530
8540
  if (changedProperties.has('shape') && this.menu) {
8531
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8541
+ switch (this.layout) {
8542
+ case 'classic':
8543
+ this.menu.setAttribute('shape', 'box');
8544
+ break;
8545
+ case 'snowflake':
8546
+ this.menu.setAttribute('shape', 'pill');
8547
+ break;
8548
+ default:
8549
+ this.menu.setAttribute('shape', this.shape);
8550
+ break;
8551
+ }
8532
8552
  }
8533
8553
 
8534
8554
  if (changedProperties.has('size') && this.menu) {
8535
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8555
+ this.menu.setAttribute('size', this.layout === 'classic' ? 'md' : this.size);
8536
8556
  }
8537
8557
  }
8538
8558
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1089.1",
3
+ "version": "0.0.0-pr1095.0",
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": {