@aurodesignsystem/auro-formkit 1.6.0-beta.5 → 1.6.0-beta.6

package/.turbo/cache/05be1236a4cd5e72-meta.json

@@ -1 +1 @@
-{"hash":"05be1236a4cd5e72","duration":18681}
+{"hash":"05be1236a4cd5e72","duration":19101}

package/.turbo/cache/10feda0f037804bb-meta.json

@@ -1 +1 @@
-{"hash":"10feda0f037804bb","duration":2116}
+{"hash":"10feda0f037804bb","duration":2306}

package/.turbo/cache/11079d2746265545-meta.json

@@ -0,0 +1 @@
+{"hash":"11079d2746265545","duration":2430}

package/.turbo/cache/144e8e78657bf800-meta.json

@@ -1 +1 @@
-{"hash":"144e8e78657bf800","duration":1030}
+{"hash":"144e8e78657bf800","duration":1589}

package/.turbo/cache/18939b2c7c83b163-meta.json

@@ -1 +1 @@
-{"hash":"18939b2c7c83b163","duration":2807}
+{"hash":"18939b2c7c83b163","duration":3262}

package/.turbo/cache/1de685df0eaa39c8-meta.json

@@ -1 +1 @@
-{"hash":"1de685df0eaa39c8","duration":3232}
+{"hash":"1de685df0eaa39c8","duration":2090}

package/.turbo/cache/1ec139dcf090d547-meta.json

@@ -0,0 +1 @@
+{"hash":"1ec139dcf090d547","duration":4622}

package/.turbo/cache/1f53ce3a28c56cdf-meta.json

@@ -1 +1 @@
-{"hash":"1f53ce3a28c56cdf","duration":1871}
+{"hash":"1f53ce3a28c56cdf","duration":2792}

package/.turbo/cache/23bf100310bd9f5a-meta.json

@@ -1 +1 @@
-{"hash":"23bf100310bd9f5a","duration":1916}
+{"hash":"23bf100310bd9f5a","duration":1934}

package/.turbo/cache/2900e7ec28e1488f-meta.json

@@ -1 +1 @@
-{"hash":"2900e7ec28e1488f","duration":2117}
+{"hash":"2900e7ec28e1488f","duration":2936}

package/.turbo/cache/296074aadfa2f8c9-meta.json

@@ -1 +1 @@
-{"hash":"296074aadfa2f8c9","duration":3751}
+{"hash":"296074aadfa2f8c9","duration":4262}

package/.turbo/cache/29e29355bf6fb4fd-meta.json

@@ -1 +1 @@
-{"hash":"29e29355bf6fb4fd","duration":6407}
+{"hash":"29e29355bf6fb4fd","duration":6161}

package/.turbo/cache/2ca214d032893e74-meta.json

@@ -1 +1 @@
-{"hash":"2ca214d032893e74","duration":18910}
+{"hash":"2ca214d032893e74","duration":18350}

package/.turbo/cache/2f6c898fbb51e995-meta.json

@@ -0,0 +1 @@
+{"hash":"2f6c898fbb51e995","duration":3811}

package/.turbo/cache/3073b96f6e4d867c-meta.json

@@ -1 +1 @@
-{"hash":"3073b96f6e4d867c","duration":738}
+{"hash":"3073b96f6e4d867c","duration":755}

package/.turbo/cache/33466ea2930c3714-meta.json

@@ -1 +1 @@
-{"hash":"33466ea2930c3714","duration":1161}
+{"hash":"33466ea2930c3714","duration":1765}

package/.turbo/cache/3792d285b464b3e6-meta.json

@@ -1 +1 @@
-{"hash":"3792d285b464b3e6","duration":3420}
+{"hash":"3792d285b464b3e6","duration":3255}

package/.turbo/cache/3ac4a22a21bdc2be-meta.json

@@ -1 +1 @@
-{"hash":"3ac4a22a21bdc2be","duration":18296}
+{"hash":"3ac4a22a21bdc2be","duration":19263}

package/.turbo/cache/3f41d958c755a6f0-meta.json

@@ -0,0 +1 @@
+{"hash":"3f41d958c755a6f0","duration":8352}

package/.turbo/cache/451e562c76f74ec6-meta.json

@@ -1 +1 @@
-{"hash":"451e562c76f74ec6","duration":2104}
+{"hash":"451e562c76f74ec6","duration":2611}

package/.turbo/cache/4520919609c97850-meta.json

@@ -1 +1 @@
-{"hash":"4520919609c97850","duration":1207}
+{"hash":"4520919609c97850","duration":1897}

package/.turbo/cache/452908d0b0b676bc-meta.json

@@ -1 +1 @@
-{"hash":"452908d0b0b676bc","duration":6207}
+{"hash":"452908d0b0b676bc","duration":5793}

package/.turbo/cache/48c197e39ed31fd2-meta.json

@@ -1 +1 @@
-{"hash":"48c197e39ed31fd2","duration":1924}
+{"hash":"48c197e39ed31fd2","duration":2236}

package/.turbo/cache/5058ecc7f1e34496-meta.json

@@ -1 +1 @@
-{"hash":"5058ecc7f1e34496","duration":2471}
+{"hash":"5058ecc7f1e34496","duration":2321}

package/.turbo/cache/5a66a99aa1344401-meta.json

@@ -1 +1 @@
-{"hash":"5a66a99aa1344401","duration":1173}
+{"hash":"5a66a99aa1344401","duration":721}

package/.turbo/cache/5b66ce21630716cc-meta.json

@@ -1 +1 @@
-{"hash":"5b66ce21630716cc","duration":6866}
+{"hash":"5b66ce21630716cc","duration":5822}

package/.turbo/cache/5d064e768a262314-meta.json

@@ -1 +1 @@
-{"hash":"5d064e768a262314","duration":6970}
+{"hash":"5d064e768a262314","duration":5021}

package/.turbo/cache/6646f884a18a970a-meta.json

@@ -0,0 +1 @@
+{"hash":"6646f884a18a970a","duration":9928}

package/.turbo/cache/70d7b72f15ee97a4-meta.json

@@ -1 +1 @@
-{"hash":"70d7b72f15ee97a4","duration":2775}
+{"hash":"70d7b72f15ee97a4","duration":2229}

package/.turbo/cache/71212615220331ea-meta.json

@@ -0,0 +1 @@
+{"hash":"71212615220331ea","duration":18918}

package/.turbo/cache/754a6b5c5ce1ed00-meta.json

@@ -1 +1 @@
-{"hash":"754a6b5c5ce1ed00","duration":19134}
+{"hash":"754a6b5c5ce1ed00","duration":19624}

package/.turbo/cache/77bf3068f493ef24-meta.json

@@ -1 +1 @@
-{"hash":"77bf3068f493ef24","duration":18385}
+{"hash":"77bf3068f493ef24","duration":19321}

package/.turbo/cache/7ddb7ace73fe6ec2-meta.json

@@ -1 +1 @@
-{"hash":"7ddb7ace73fe6ec2","duration":2587}
+{"hash":"7ddb7ace73fe6ec2","duration":3150}

package/.turbo/cache/897b0d8a0c301207-meta.json

@@ -1 +1 @@
-{"hash":"897b0d8a0c301207","duration":1315}
+{"hash":"897b0d8a0c301207","duration":1866}

package/.turbo/cache/8b7cdb9a0d4c3112-meta.json

@@ -1 +1 @@
-{"hash":"8b7cdb9a0d4c3112","duration":3821}
+{"hash":"8b7cdb9a0d4c3112","duration":3438}

package/.turbo/cache/8e1f402b247ebed6-meta.json

@@ -1 +1 @@
-{"hash":"8e1f402b247ebed6","duration":2819}
+{"hash":"8e1f402b247ebed6","duration":3049}

package/.turbo/cache/90b8d9ccef5e09aa-meta.json

@@ -0,0 +1 @@
+{"hash":"90b8d9ccef5e09aa","duration":1751}

package/.turbo/cache/9135f474c69d1b3c-meta.json

@@ -1 +1 @@
-{"hash":"9135f474c69d1b3c","duration":1607}
+{"hash":"9135f474c69d1b3c","duration":1937}

package/.turbo/cache/936bccb44ade3650-meta.json

@@ -0,0 +1 @@
+{"hash":"936bccb44ade3650","duration":3438}

package/.turbo/cache/94bcc4c6536ada9d-meta.json

@@ -0,0 +1 @@
+{"hash":"94bcc4c6536ada9d","duration":2317}

package/.turbo/cache/9a7ab914e08ce75f-meta.json

@@ -1 +1 @@
-{"hash":"9a7ab914e08ce75f","duration":3190}
+{"hash":"9a7ab914e08ce75f","duration":2503}

package/.turbo/cache/a532f4b8302ca13e-meta.json

@@ -0,0 +1 @@
+{"hash":"a532f4b8302ca13e","duration":5890}

package/.turbo/cache/a7bf477bbdabc7bc-meta.json

@@ -1 +1 @@
-{"hash":"a7bf477bbdabc7bc","duration":2900}
+{"hash":"a7bf477bbdabc7bc","duration":3325}

package/.turbo/cache/a90aa34f427a2f62-meta.json

@@ -1 +1 @@
-{"hash":"a90aa34f427a2f62","duration":1368}
+{"hash":"a90aa34f427a2f62","duration":1707}

package/.turbo/cache/aa68cd3545395c90-meta.json

@@ -0,0 +1 @@
+{"hash":"aa68cd3545395c90","duration":21085}

package/.turbo/cache/aedda428051043c4-meta.json

@@ -0,0 +1 @@
+{"hash":"aedda428051043c4","duration":1152}

package/.turbo/cache/b61416daf63fbaad-meta.json

@@ -1 +1 @@
-{"hash":"b61416daf63fbaad","duration":2223}
+{"hash":"b61416daf63fbaad","duration":3122}

package/.turbo/cache/b9463532618cdc61-meta.json

@@ -1 +1 @@
-{"hash":"b9463532618cdc61","duration":1812}
+{"hash":"b9463532618cdc61","duration":1533}

package/.turbo/cache/bb3afea40c91e8ba-meta.json

@@ -1 +1 @@
-{"hash":"bb3afea40c91e8ba","duration":2023}
+{"hash":"bb3afea40c91e8ba","duration":1724}

package/.turbo/cache/c63dc7b6157da70b-meta.json

@@ -1 +1 @@
-{"hash":"c63dc7b6157da70b","duration":1636}
+{"hash":"c63dc7b6157da70b","duration":2183}

package/.turbo/cache/c8b63b6e8a190eb9-meta.json

@@ -1 +1 @@
-{"hash":"c8b63b6e8a190eb9","duration":1618}
+{"hash":"c8b63b6e8a190eb9","duration":2074}

package/.turbo/cache/d35b1eee9f2881af-meta.json

@@ -1 +1 @@
-{"hash":"d35b1eee9f2881af","duration":2814}
+{"hash":"d35b1eee9f2881af","duration":3031}

package/.turbo/cache/d5188c0fbe45d578-meta.json

@@ -1 +1 @@
-{"hash":"d5188c0fbe45d578","duration":4527}
+{"hash":"d5188c0fbe45d578","duration":4609}

package/.turbo/cache/dce6f67be2b63c18-meta.json

@@ -1 +1 @@
-{"hash":"dce6f67be2b63c18","duration":675}
+{"hash":"dce6f67be2b63c18","duration":567}

package/.turbo/cache/e28ee527154c4cb2-meta.json

@@ -0,0 +1 @@
+{"hash":"e28ee527154c4cb2","duration":9218}

package/.turbo/cache/e4b3ec56d4ae56ba-meta.json

@@ -1 +1 @@
-{"hash":"e4b3ec56d4ae56ba","duration":3367}
+{"hash":"e4b3ec56d4ae56ba","duration":3611}

package/.turbo/cache/e6f030eddf6fbf4e-meta.json

@@ -1 +1 @@
-{"hash":"e6f030eddf6fbf4e","duration":1356}
+{"hash":"e6f030eddf6fbf4e","duration":1668}

package/.turbo/cache/ff7e6d09efd93145-meta.json

@@ -1 +1 @@
-{"hash":"ff7e6d09efd93145","duration":2553}
+{"hash":"ff7e6d09efd93145","duration":2956}

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Semantic Release Automated Changelog
 
+# [1.6.0-beta.6](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.6.0-beta.5...v1.6.0-beta.6) (2024-12-18)
+
+
+### Bug Fixes
+
+* add `fluid` attribute to dropdown and make its default display `inline-block` [#107](https://github.com/AlaskaAirlines/auro-formkit/issues/107) [#117](https://github.com/AlaskaAirlines/auro-formkit/issues/117) ([57c65df](https://github.com/AlaskaAirlines/auro-formkit/commit/57c65df917d3d8525303c52fc8bb90571cea1ba8))
+
 # [1.6.0-beta.5](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.6.0-beta.4...v1.6.0-beta.5) (2024-12-18)
 
 

package/components/checkbox/.turbo/turbo-build.log

@@ -106,13 +106,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 779ms
+created dist in 551ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 654ms
+created ./demo/ in 490ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 313ms
+created ./demo/ in 479ms
 
 > @auro-formkit/auro-checkbox@4.1.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component checkbox

package/components/checkbox/.turbo/turbo-bundler.log

@@ -4,10 +4,10 @@
 
 
 ./src/index.js → dist...
-created dist in 789ms
+created dist in 844ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 506ms
+created ./demo/ in 480ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 552ms
+created ./demo/ in 483ms

package/components/combobox/.turbo/turbo-build.log

@@ -64,13 +64,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 883ms
+created dist in 922ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 685ms
+created ./demo/ in 653ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 479ms
+created ./demo/ in 625ms
 
 > @auro-formkit/auro-combobox@2.1.4 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component combobox

package/components/combobox/demo/api.min.js

@@ -2887,13 +2887,13 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
 
 var iconVersion$2 = '6.1.1';
 
-var styleCss$1$2 = i$3$1`:host{position:relative}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
+var styleCss$1$2 = i$3$1`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
 
 var colorCss$1$2 = i$3$1`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}.helpText{color:var(--ds-auro-dropdown-help-text-color)}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:none}:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
 
 var tokensCss$5 = i$3$1`:host{--ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
 
-var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin-top:var(--ds-size-50, 0.25rem)}: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}:host([data-show]){display:block}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
+var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}: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}: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]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
 
 var colorCss$5 = i$3$1`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
 
@@ -2996,12 +2996,13 @@ if (!customElements.get("auro-dropdownbib")) {
  * @attr { Boolean } disabled - If declared, the dropdown is not interactive.
  * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
  * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
+ * @attr {Boolean} fluid - Makes the trigger to be full width of its parent container
  * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
  * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
  * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
  * @attr { Boolean } hoverToggle - if declared, the trigger will toggle the big on mouseover/mouseout.
- * @attr { Boolean } noToggle - If declared, the trigger will only show the the dropdown bib.
- * @attr { Boolean } focusShow - if declared, the the bib will display when focus is applied to the trigger.
+ * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib.
+ * @attr { Boolean } focusShow - if declared, the bib will display when focus is applied to the trigger.
  * @attr { Boolean } noHideOnThisFocusLoss - If declared, the dropdown will not hide when moving focus outside the element.
  * @attr { String } mobileFullscreenBreakpoint - Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
  * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
@@ -3104,6 +3105,10 @@ class AuroDropdown extends r$5 {
         type: Boolean,
         reflect: true
       },
+      fluid: {
+        type: Boolean,
+        reflect: true,
+      },
       focusShow: {
         type: Boolean,
         reflect: true
@@ -7711,7 +7716,7 @@ class AuroCombobox extends r$6 {
       this.handleMenuOptions();
 
       this.handleInputValueChange();
-      // validate only if the the value was set programmatically
+      // validate only if the value was set programmatically
       if (document.activeElement !== this) {
         this.validation.validate(this);
       }
@@ -7921,6 +7926,7 @@ class AuroCombobox extends r$6 {
         </div>
         <${this.dropdownTag}
           for="dropdownMenu"
+          fluid
           bordered
           rounded
           matchWidth

package/components/combobox/demo/index.min.js

@@ -2791,13 +2791,13 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
 
 var iconVersion$2 = '6.1.1';
 
-var styleCss$1$2 = i$3$1`:host{position:relative}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
+var styleCss$1$2 = i$3$1`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
 
 var colorCss$1$2 = i$3$1`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}.helpText{color:var(--ds-auro-dropdown-help-text-color)}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:none}:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
 
 var tokensCss$5 = i$3$1`:host{--ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
 
-var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin-top:var(--ds-size-50, 0.25rem)}: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}:host([data-show]){display:block}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
+var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}: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}: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]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
 
 var colorCss$5 = i$3$1`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
 
@@ -2900,12 +2900,13 @@ if (!customElements.get("auro-dropdownbib")) {
  * @attr { Boolean } disabled - If declared, the dropdown is not interactive.
  * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
  * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
+ * @attr {Boolean} fluid - Makes the trigger to be full width of its parent container
  * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
  * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
  * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
  * @attr { Boolean } hoverToggle - if declared, the trigger will toggle the big on mouseover/mouseout.
- * @attr { Boolean } noToggle - If declared, the trigger will only show the the dropdown bib.
- * @attr { Boolean } focusShow - if declared, the the bib will display when focus is applied to the trigger.
+ * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib.
+ * @attr { Boolean } focusShow - if declared, the bib will display when focus is applied to the trigger.
  * @attr { Boolean } noHideOnThisFocusLoss - If declared, the dropdown will not hide when moving focus outside the element.
  * @attr { String } mobileFullscreenBreakpoint - Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
  * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
@@ -3008,6 +3009,10 @@ class AuroDropdown extends r$5 {
         type: Boolean,
         reflect: true
       },
+      fluid: {
+        type: Boolean,
+        reflect: true,
+      },
       focusShow: {
         type: Boolean,
         reflect: true
@@ -7615,7 +7620,7 @@ class AuroCombobox extends r$6 {
       this.handleMenuOptions();
 
       this.handleInputValueChange();
-      // validate only if the the value was set programmatically
+      // validate only if the value was set programmatically
       if (document.activeElement !== this) {
         this.validation.validate(this);
       }
@@ -7825,6 +7830,7 @@ class AuroCombobox extends r$6 {
         </div>
         <${this.dropdownTag}
           for="dropdownMenu"
+          fluid
           bordered
           rounded
           matchWidth

package/components/combobox/dist/auro-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IA0CE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAvIC,kBAAqB;IACrB,cAAyB;IACzB,WAAiB;IACjB,oBAA0B;IAI1B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAMjD,iBAAyF;IACzF,cAA6E;IAG/E;;;OAGG;IACH,wBAIC;IAHC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IAyGvD;;;;OAIG;IACH,0BAiDC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAUC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBAyEC;IAxEC,cAAwD;IA0E1D;;;;OAIG;IACH,uBAuEC;IAFG,uBAA2C;IAI/C;;;;OAIG;IACH,+BAeC;IAED;;;;OAIG;IACH,0BAqCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED,sCAgCC;IAED;;;;OAIG;IACH,yBAWC;IAGD,4CA6CC;CACF;2BAzpB0B,KAAK"}
+{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IA0CE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAvIC,kBAAqB;IACrB,cAAyB;IACzB,WAAiB;IACjB,oBAA0B;IAI1B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAMjD,iBAAyF;IACzF,cAA6E;IAG/E;;;OAGG;IACH,wBAIC;IAHC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IAyGvD;;;;OAIG;IACH,0BAiDC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAUC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBAyEC;IAxEC,cAAwD;IA0E1D;;;;OAIG;IACH,uBAuEC;IAFG,uBAA2C;IAI/C;;;;OAIG;IACH,+BAeC;IAED;;;;OAIG;IACH,0BAqCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED,sCAgCC;IAED;;;;OAIG;IACH,yBAWC;IAGD,4CA8CC;CACF;2BA1pB0B,KAAK"}

package/components/combobox/dist/index.js

@@ -2768,13 +2768,13 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
 
 var iconVersion$1 = '6.1.1';
 
-var styleCss$1$1 = i$3$1`:host{position:relative}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
+var styleCss$1$1 = i$3$1`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
 
 var colorCss$1$1 = i$3$1`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}.helpText{color:var(--ds-auro-dropdown-help-text-color)}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:none}:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
 
 var tokensCss$4 = i$3$1`:host{--ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
 
-var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin-top:var(--ds-size-50, 0.25rem)}: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}:host([data-show]){display:block}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
+var styleCss$5 = i$3$1`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}: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}: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]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
 
 var colorCss$4 = i$3$1`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
 
@@ -2877,12 +2877,13 @@ if (!customElements.get("auro-dropdownbib")) {
  * @attr { Boolean } disabled - If declared, the dropdown is not interactive.
  * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
  * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
+ * @attr {Boolean} fluid - Makes the trigger to be full width of its parent container
  * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
  * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
  * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
  * @attr { Boolean } hoverToggle - if declared, the trigger will toggle the big on mouseover/mouseout.
- * @attr { Boolean } noToggle - If declared, the trigger will only show the the dropdown bib.
- * @attr { Boolean } focusShow - if declared, the the bib will display when focus is applied to the trigger.
+ * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib.
+ * @attr { Boolean } focusShow - if declared, the bib will display when focus is applied to the trigger.
  * @attr { Boolean } noHideOnThisFocusLoss - If declared, the dropdown will not hide when moving focus outside the element.
  * @attr { String } mobileFullscreenBreakpoint - Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
  * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
@@ -2985,6 +2986,10 @@ class AuroDropdown extends r$5 {
         type: Boolean,
         reflect: true
       },
+      fluid: {
+        type: Boolean,
+        reflect: true,
+      },
       focusShow: {
         type: Boolean,
         reflect: true
@@ -7592,7 +7597,7 @@ class AuroCombobox extends r$6 {
       this.handleMenuOptions();
 
       this.handleInputValueChange();
-      // validate only if the the value was set programmatically
+      // validate only if the value was set programmatically
       if (document.activeElement !== this) {
         this.validation.validate(this);
       }
@@ -7802,6 +7807,7 @@ class AuroCombobox extends r$6 {
         </div>
         <${this.dropdownTag}
           for="dropdownMenu"
+          fluid
           bordered
           rounded
           matchWidth