@aurodesignsystem-dev/auro-formkit 0.0.0-pr1594.2 → 0.0.0-pr1595.1

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

@@ -10,6 +10,7 @@
  * @slot label - Defines the content of the label.
  * @slot helpText - Defines the content of the helpText.
  * @slot displayValue - Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.
+ * @csspart helpText - The help text and error message content container.
  * @event auroCombobox-valueSet - (Deprecated) Notifies that the component has a new value set.
  * @event input - Notifies that the component has a new value set.
  * @event inputValue - Notifies that the components internal HTML5 input value has changed.
@@ -19,13 +20,10 @@ export class AuroCombobox extends AuroElement {
     static get properties(): {
         /**
          * Defines whether the component will be on lighter or darker backgrounds.
-         * @property {'default' | 'inverse'} appearance - The visual appearance of the component.
+         * @type {'default' | 'inverse'}
          * @default 'default'
          */
-        appearance: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
+        appearance: "default" | "inverse";
         /**
          * An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
          */
@@ -38,19 +36,16 @@ export class AuroCombobox extends AuroElement {
          */
         autoPlacement: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
          * Array of available options to display in the dropdown.
          * This array contains all non-hidden options (e.g., hidden by filtering on input value).
          * @private
+         * @type {HTMLElement[]}
          */
-        availableOptions: {
-            state: boolean;
-            type: ArrayConstructor;
-            reflect: boolean;
-            hasChanged(newVal: any, oldVal: any): any;
-        };
+        availableOptions: HTMLElement[];
         /**
          * Sets the behavior of the combobox, "filter" or "suggestion".
          * "filter" requires the user to select an option from the menu.
@@ -96,6 +91,7 @@ export class AuroCombobox extends AuroElement {
          */
         dvInputOnly: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -124,12 +120,25 @@ export class AuroCombobox extends AuroElement {
          * @default 'classic'
          */
         layout: "classic" | "emphasized" | "snowflake";
+        /**
+         * Sets the shape of the combobox.
+         * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
+         * @default 'classic'
+         */
+        shape: "box" | "classic" | "pill" | "pill-left" | "pill-right" | "rounded" | "snowflake";
+        /**
+         * Sets the size of the combobox.
+         * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
+         * @default 'xl'
+         */
+        size: "xs" | "sm" | "md" | "lg" | "xl";
         /**
          * If declared, the popover and trigger will be set to the same width.
          * @private
          */
         matchWidth: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -137,6 +146,7 @@ export class AuroCombobox extends AuroElement {
          */
         noFilter: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -145,6 +155,7 @@ export class AuroCombobox extends AuroElement {
          */
         noFlip: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -159,6 +170,7 @@ export class AuroCombobox extends AuroElement {
          */
         noValidate: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -174,6 +186,7 @@ export class AuroCombobox extends AuroElement {
          */
         onDark: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -188,6 +201,7 @@ export class AuroCombobox extends AuroElement {
          */
         persistInput: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -215,24 +229,28 @@ export class AuroCombobox extends AuroElement {
          */
         setCustomValidity: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Custom help text message to display when validity = `customError`.
          */
         setCustomValidityCustomError: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Custom help text message to display when validity = `valueMissing`.
          */
         setCustomValidityValueMissing: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = "filter".
          */
         setCustomValidityValueMissingFilter: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Indicates whether the combobox is in a dirty state (has been interacted with).
@@ -250,20 +268,20 @@ export class AuroCombobox extends AuroElement {
          */
         triggerIcon: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
          * Applies the defined value as the type attribute on `auro-input`.
+         * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
          */
-        type: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
+        type: "text" | "password" | "email" | "credit-card" | "tel" | "number" | "date";
         /**
          * Specifies the value of the input element within the combobox.
          */
         typedValue: {
             type: StringConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -285,6 +303,7 @@ export class AuroCombobox extends AuroElement {
          */
         largeFullscreenHeadline: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -299,12 +318,9 @@ export class AuroCombobox extends AuroElement {
         /**
          * Specifies the currently active option.
          * @private
+         * @type {HTMLElement}
          */
-        optionActive: {
-            type: ObjectConstructor;
-            reflect: boolean;
-            attribute: boolean;
-        };
+        optionActive: HTMLElement;
     };
     static get styles(): import("lit").CSSResult[];
     /**
@@ -321,7 +337,8 @@ export class AuroCombobox extends AuroElement {
      * @returns {void} Internal defaults.
      */
     private _initializeDefaults;
-    appearance: string | undefined;
+    /** @type {'default' | 'inverse'} */
+    appearance: "default" | "inverse" | undefined;
     disabled: boolean | undefined;
     msgSelectionMissing: string | undefined;
     noFilter: boolean | undefined;