@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.3 → 0.0.0-pr624.4

package/components/combobox/demo/api.md

@@ -16,6 +16,7 @@
 | [inputmode](#inputmode)                     | `inputmode`                     | `string`      |                | Exposes inputmode attribute for input.           |
 | [largeFullscreenHeadline](#largeFullscreenHeadline)       | `largeFullscreenHeadline`       | `boolean`     |                | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600 |
 | [layout](#layout)                        |                                 | `string`      |                |                                                  |
+| [matchWidth](#matchWidth)                    | `matchWidth`                    | `boolean`     | true           | If declared, the popover and trigger will be set to the same width. |
 | [noFilter](#noFilter)                      | `noFilter`                      | `boolean`     |                | If set, combobox will not filter menuoptions based in input. |
 | [noFlip](#noFlip)                        | `noFlip`                        | `boolean`     | "false"        | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
 | [noValidate](#noValidate)                    | `noValidate`                    | `boolean`     |                | If set, disables auto-validation on blur.        |

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

@@ -13685,6 +13685,8 @@ class AuroCombobox extends AuroElement$1 {
   constructor() {
     super();
 
+    this.matchWidth = true;
+
     this.privateDefaults();
   }
 
@@ -13818,6 +13820,14 @@ class AuroCombobox extends AuroElement$1 {
         reflect: true
       },
 
+      /**
+       * If declared, the popover and trigger will be set to the same width.
+       */
+      matchWidth: {
+        type: Boolean,
+        reflect: true
+      },
+
       /**
        * If set, combobox will not filter menuoptions based in input.
        */
@@ -14705,7 +14715,7 @@ class AuroCombobox extends AuroElement$1 {
           fluid
           for="dropdownMenu"
           layout="${this.layout}"
-          matchWidth
+          matchWidth="${o(this.matchWidth)}"
           nocheckmark
           rounded
           shape="${this.shape}"

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

@@ -13543,6 +13543,8 @@ class AuroCombobox extends AuroElement$1 {
   constructor() {
     super();
 
+    this.matchWidth = true;
+
     this.privateDefaults();
   }
 
@@ -13676,6 +13678,14 @@ class AuroCombobox extends AuroElement$1 {
         reflect: true
       },
 
+      /**
+       * If declared, the popover and trigger will be set to the same width.
+       */
+      matchWidth: {
+        type: Boolean,
+        reflect: true
+      },
+
       /**
        * If set, combobox will not filter menuoptions based in input.
        */
@@ -14563,7 +14573,7 @@ class AuroCombobox extends AuroElement$1 {
           fluid
           for="dropdownMenu"
           layout="${this.layout}"
-          matchWidth
+          matchWidth="${o(this.matchWidth)}"
           nocheckmark
           rounded
           shape="${this.shape}"

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

@@ -68,6 +68,13 @@ export class AuroCombobox extends AuroElement {
             attribute: boolean;
             reflect: boolean;
         };
+        /**
+         * If declared, the popover and trigger will be set to the same width.
+         */
+        matchWidth: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         /**
          * If set, combobox will not filter menuoptions based in input.
          */
@@ -222,6 +229,7 @@ export class AuroCombobox extends AuroElement {
      *
      */
     static register(name?: string): void;
+    matchWidth: boolean;
     /**
      * @private
      * @returns {void} Internal defaults.

package/components/combobox/dist/index.js

@@ -13461,6 +13461,8 @@ class AuroCombobox extends AuroElement {
   constructor() {
     super();
 
+    this.matchWidth = true;
+
     this.privateDefaults();
   }
 
@@ -13594,6 +13596,14 @@ class AuroCombobox extends AuroElement {
         reflect: true
       },
 
+      /**
+       * If declared, the popover and trigger will be set to the same width.
+       */
+      matchWidth: {
+        type: Boolean,
+        reflect: true
+      },
+
       /**
        * If set, combobox will not filter menuoptions based in input.
        */
@@ -14481,7 +14491,7 @@ class AuroCombobox extends AuroElement {
           fluid
           for="dropdownMenu"
           layout="${this.layout}"
-          matchWidth
+          matchWidth="${ifDefined(this.matchWidth)}"
           nocheckmark
           rounded
           shape="${this.shape}"

package/components/combobox/dist/registered.js

@@ -13461,6 +13461,8 @@ class AuroCombobox extends AuroElement {
   constructor() {
     super();
 
+    this.matchWidth = true;
+
     this.privateDefaults();
   }
 
@@ -13594,6 +13596,14 @@ class AuroCombobox extends AuroElement {
         reflect: true
       },
 
+      /**
+       * If declared, the popover and trigger will be set to the same width.
+       */
+      matchWidth: {
+        type: Boolean,
+        reflect: true
+      },
+
       /**
        * If set, combobox will not filter menuoptions based in input.
        */
@@ -14481,7 +14491,7 @@ class AuroCombobox extends AuroElement {
           fluid
           for="dropdownMenu"
           layout="${this.layout}"
-          matchWidth
+          matchWidth="${ifDefined(this.matchWidth)}"
           nocheckmark
           rounded
           shape="${this.shape}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr624.3",
+  "version": "0.0.0-pr624.4",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {