@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.2 → 0.0.0-pr1413.0

package/components/dropdown/demo/api.md

@@ -7,35 +7,34 @@ The `auro-dropdown` element provides a way to place content in a bib that can be
 
 ## Properties
 
-| Property                  | Attribute                 | Type                                             | Default          | Description                                      |
-|---------------------------|---------------------------|--------------------------------------------------|------------------|--------------------------------------------------|
-| `a11yRole`                |                           | `string`                                         |                  | The value for the role attribute of the trigger element. |
-| [appearance](#appearance)              | `appearance`              | `'default' \| 'inverse'`                         | "'default'"      | Defines whether the component will be on lighter or darker backgrounds. |
-| [autoPlacement](#autoPlacement)           | `autoPlacement`           | `boolean`                                        |                  | If declared, bib's position will be automatically calculated where to appear. |
-| [chevron](#chevron)                 | `chevron`                 | `boolean`                                        |                  | If declared, the dropdown displays a chevron on the right. |
-| [disableEventShow](#disableEventShow)        | `disableEventShow`        | `boolean`                                        |                  | If declared, the dropdown will only show by calling the API .show() public method. |
-| [disableKeyboardHandling](#disableKeyboardHandling) | `disableKeyboardHandling` | `boolean`                                        |                  | If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior. |
-| [disabled](#disabled)                | `disabled`                | `boolean`                                        |                  | If declared, the dropdown is not interactive.    |
-| [error](#error)                   | `error`                   | `boolean`                                        |                  | If declared, will apply error UI to the dropdown. |
-| [errorMessage](#errorMessage)            | `errorMessage`            | `string`                                         | "undefined"      | Contains the help text message for the current validity error. |
-| [focusShow](#focusShow)               | `focusShow`               | `boolean`                                        |                  | If declared, the bib will display when focus is applied to the trigger. |
-| [fullscreenBreakpoint](#fullscreenBreakpoint)    | `fullscreenBreakpoint`    | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'"           | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
-| [hoverToggle](#hoverToggle)             | `hoverToggle`             | `boolean`                                        |                  | If declared, the trigger will toggle the dropdown on mouseover/mouseout. |
-| [isBibFullscreen](#isBibFullscreen)         | `isBibFullscreen`         | `boolean`                                        | false            | If true, the dropdown bib is taking the fullscreen when it's open. |
-| [isPopoverVisible](#isPopoverVisible)        | `open`                    | `boolean`                                        | false            | If true, the dropdown bib is displayed.          |
-| [layout](#layout)                  | `layout`                  | `'classic' \| 'emphasized' \| 'snowflake'`       | "'classic'"      | Sets the layout of the dropdown.                 |
-| [matchWidth](#matchWidth)              | `matchWidth`              | `boolean`                                        | false            | If declared, the popover and trigger will be set to the same width. |
-| [noFlip](#noFlip)                  | `noFlip`                  | `boolean`                                        |                  | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
-| [noHideOnThisFocusLoss](#noHideOnThisFocusLoss)   | `noHideOnThisFocusLoss`   | `boolean`                                        | false            | If declared, the dropdown will not hide when moving focus outside the element. |
-| [noToggle](#noToggle)                | `noToggle`                | `boolean`                                        |                  | If declared, the trigger will only show the dropdown bib. |
-| [offset](#offset)                  | `offset`                  | `number`                                         | "0"              | Gap between the trigger element and bib.         |
-| [onDark](#onDark)                  | `onDark`                  | `boolean`                                        |                  | DEPRECATED - use `appearance="inverse"` instead. |
-| [onSlotChange](#onSlotChange)            | `onSlotChange`            |                                                  |                  | If declared, and a function is set, that function will execute when the slot content is updated. |
-| [placement](#placement)               | `placement`               | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
-| [shape](#shape)                   |                           |                                                  | "undefined"      |                                                  |
-| [shift](#shift)                   | `shift`                   | `boolean`                                        |                  | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
-| [simple](#simple)                  | `simple`                  | `boolean`                                        |                  | If declared, applies a border around the trigger slot. |
-| [size](#size)                    |                           |                                                  | "undefined"      |                                                  |
+| Property                | Attribute               | Type                                             | Default          | Description                                      |
+|-------------------------|-------------------------|--------------------------------------------------|------------------|--------------------------------------------------|
+| `a11yRole`              |                         | `string`                                         |                  | The value for the role attribute of the trigger element. |
+| [appearance](#appearance)            | `appearance`            | `'default' \| 'inverse'`                         | "'default'"      | Defines whether the component will be on lighter or darker backgrounds. |
+| [autoPlacement](#autoPlacement)         | `autoPlacement`         | `boolean`                                        |                  | If declared, bib's position will be automatically calculated where to appear. |
+| [chevron](#chevron)               | `chevron`               | `boolean`                                        |                  | If declared, the dropdown displays a chevron on the right. |
+| [disableEventShow](#disableEventShow)      | `disableEventShow`      | `boolean`                                        |                  | If declared, the dropdown will only show by calling the API .show() public method. |
+| [disabled](#disabled)              | `disabled`              | `boolean`                                        |                  | If declared, the dropdown is not interactive.    |
+| [error](#error)                 | `error`                 | `boolean`                                        |                  | If declared, will apply error UI to the dropdown. |
+| [errorMessage](#errorMessage)          | `errorMessage`          | `string`                                         | "undefined"      | Contains the help text message for the current validity error. |
+| [focusShow](#focusShow)             | `focusShow`             | `boolean`                                        |                  | If declared, the bib will display when focus is applied to the trigger. |
+| [fullscreenBreakpoint](#fullscreenBreakpoint)  | `fullscreenBreakpoint`  | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'"           | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
+| [hoverToggle](#hoverToggle)           | `hoverToggle`           | `boolean`                                        |                  | If declared, the trigger will toggle the dropdown on mouseover/mouseout. |
+| [isBibFullscreen](#isBibFullscreen)       | `isBibFullscreen`       | `boolean`                                        | false            | If true, the dropdown bib is taking the fullscreen when it's open. |
+| [isPopoverVisible](#isPopoverVisible)      | `open`                  | `boolean`                                        | false            | If true, the dropdown bib is displayed.          |
+| [layout](#layout)                | `layout`                | `'classic' \| 'emphasized' \| 'snowflake'`       | "'classic'"      | Sets the layout of the dropdown.                 |
+| [matchWidth](#matchWidth)            | `matchWidth`            | `boolean`                                        | false            | If declared, the popover and trigger will be set to the same width. |
+| [noFlip](#noFlip)                | `noFlip`                | `boolean`                                        |                  | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
+| [noHideOnThisFocusLoss](#noHideOnThisFocusLoss) | `noHideOnThisFocusLoss` | `boolean`                                        | false            | If declared, the dropdown will not hide when moving focus outside the element. |
+| [noToggle](#noToggle)              | `noToggle`              | `boolean`                                        |                  | If declared, the trigger will only show the dropdown bib. |
+| [offset](#offset)                | `offset`                | `number`                                         | "0"              | Gap between the trigger element and bib.         |
+| [onDark](#onDark)                | `onDark`                | `boolean`                                        |                  | DEPRECATED - use `appearance="inverse"` instead. |
+| [onSlotChange](#onSlotChange)          | `onSlotChange`          |                                                  |                  | If declared, and a function is set, that function will execute when the slot content is updated. |
+| [placement](#placement)             | `placement`             | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
+| [shape](#shape)                 |                         |                                                  | "undefined"      |                                                  |
+| [shift](#shift)                 | `shift`                 | `boolean`                                        |                  | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
+| [simple](#simple)                | `simple`                | `boolean`                                        |                  | If declared, applies a border around the trigger slot. |
+| [size](#size)                  |                         |                                                  | "undefined"      |                                                  |
 
 ## Methods
 

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

@@ -3738,7 +3738,7 @@ class AuroHelpText extends i {
   }
 }
 
-var formkitVersion = '202604021752';
+var formkitVersion = '202604021941';
 
 class AuroElement extends i {
   static get properties() {
@@ -3919,7 +3919,6 @@ class AuroDropdown extends AuroElement {
     this.appearance = 'default';
     this.chevron = false;
     this.disabled = false;
-    this.disableKeyboardHandling = false;
     this.error = false;
     this.tabIndex = 0;
     this.noToggle = false;
@@ -4131,14 +4130,6 @@ class AuroDropdown extends AuroElement {
         reflect: true
       },
 
-      /**
-       * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
-       */
-      disableKeyboardHandling: {
-        type: Boolean,
-        reflect: true
-      },
-
       /**
        * @private
        */
@@ -4444,7 +4435,7 @@ class AuroDropdown extends AuroElement {
 
   firstUpdated() {
     // Configure the floater to, this will generate the ID for the bib
-    this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    this.floater.configure(this, 'auroDropdown');
 
     // Prevent `contain: layout` on the dropdown host. Layout containment
     // creates a containing block for position:fixed descendants (the bib),
@@ -4752,7 +4743,6 @@ class AuroDropdown extends AuroElement {
           aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
           aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
           aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
-          aria-disabled="${o(this.disabled ? 'true' : undefined)}"
           @focusin="${this.handleFocusin}"
           @blur="${this.handleFocusOut}">
           <div class="triggerContentWrapper" id="triggerLabel">

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

@@ -3678,7 +3678,7 @@ class AuroHelpText extends i {
   }
 }
 
-var formkitVersion = '202604021752';
+var formkitVersion = '202604021941';
 
 class AuroElement extends i {
   static get properties() {
@@ -3859,7 +3859,6 @@ class AuroDropdown extends AuroElement {
     this.appearance = 'default';
     this.chevron = false;
     this.disabled = false;
-    this.disableKeyboardHandling = false;
     this.error = false;
     this.tabIndex = 0;
     this.noToggle = false;
@@ -4071,14 +4070,6 @@ class AuroDropdown extends AuroElement {
         reflect: true
       },
 
-      /**
-       * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
-       */
-      disableKeyboardHandling: {
-        type: Boolean,
-        reflect: true
-      },
-
       /**
        * @private
        */
@@ -4384,7 +4375,7 @@ class AuroDropdown extends AuroElement {
 
   firstUpdated() {
     // Configure the floater to, this will generate the ID for the bib
-    this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    this.floater.configure(this, 'auroDropdown');
 
     // Prevent `contain: layout` on the dropdown host. Layout containment
     // creates a containing block for position:fixed descendants (the bib),
@@ -4692,7 +4683,6 @@ class AuroDropdown extends AuroElement {
           aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
           aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
           aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
-          aria-disabled="${o(this.disabled ? 'true' : undefined)}"
           @focusin="${this.handleFocusin}"
           @blur="${this.handleFocusOut}">
           <div class="triggerContentWrapper" id="triggerLabel">

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

@@ -73,13 +73,6 @@ export class AuroDropdown extends AuroElement {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        /**
-         * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
-         */
-        disableKeyboardHandling: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
         /**
          * @private
          */
@@ -286,7 +279,6 @@ export class AuroDropdown extends AuroElement {
     appearance: string;
     chevron: boolean;
     disabled: boolean;
-    disableKeyboardHandling: boolean;
     error: boolean;
     noToggle: boolean;
     a11yRole: string;

package/components/dropdown/dist/index.js

@@ -3583,7 +3583,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604021752';
+var formkitVersion = '202604021941';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -3764,7 +3764,6 @@ class AuroDropdown extends AuroElement {
     this.appearance = 'default';
     this.chevron = false;
     this.disabled = false;
-    this.disableKeyboardHandling = false;
     this.error = false;
     this.tabIndex = 0;
     this.noToggle = false;
@@ -3976,14 +3975,6 @@ class AuroDropdown extends AuroElement {
         reflect: true
       },
 
-      /**
-       * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
-       */
-      disableKeyboardHandling: {
-        type: Boolean,
-        reflect: true
-      },
-
       /**
        * @private
        */
@@ -4289,7 +4280,7 @@ class AuroDropdown extends AuroElement {
 
   firstUpdated() {
     // Configure the floater to, this will generate the ID for the bib
-    this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    this.floater.configure(this, 'auroDropdown');
 
     // Prevent `contain: layout` on the dropdown host. Layout containment
     // creates a containing block for position:fixed descendants (the bib),
@@ -4597,7 +4588,6 @@ class AuroDropdown extends AuroElement {
           aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
           aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
           aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
-          aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
           @focusin="${this.handleFocusin}"
           @blur="${this.handleFocusOut}">
           <div class="triggerContentWrapper" id="triggerLabel">

package/components/dropdown/dist/registered.js

@@ -3583,7 +3583,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604021752';
+var formkitVersion = '202604021941';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -3764,7 +3764,6 @@ class AuroDropdown extends AuroElement {
     this.appearance = 'default';
     this.chevron = false;
     this.disabled = false;
-    this.disableKeyboardHandling = false;
     this.error = false;
     this.tabIndex = 0;
     this.noToggle = false;
@@ -3976,14 +3975,6 @@ class AuroDropdown extends AuroElement {
         reflect: true
       },
 
-      /**
-       * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
-       */
-      disableKeyboardHandling: {
-        type: Boolean,
-        reflect: true
-      },
-
       /**
        * @private
        */
@@ -4289,7 +4280,7 @@ class AuroDropdown extends AuroElement {
 
   firstUpdated() {
     // Configure the floater to, this will generate the ID for the bib
-    this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    this.floater.configure(this, 'auroDropdown');
 
     // Prevent `contain: layout` on the dropdown host. Layout containment
     // creates a containing block for position:fixed descendants (the bib),
@@ -4597,7 +4588,6 @@ class AuroDropdown extends AuroElement {
           aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
           aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
           aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
-          aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
           @focusin="${this.handleFocusin}"
           @blur="${this.handleFocusOut}">
           <div class="triggerContentWrapper" id="triggerLabel">