@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.14 → 0.0.0-pr624.16

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

@@ -49,6 +49,12 @@ export class AuroInput extends BaseInput {
      * @returns {object} - Returns classmap.
      */
     private get commonWrapperClasses();
+    /**
+     * Returns classmap configuration for accent elements in each layout.
+     * @private
+     * @returns {object} - Returns classmap.
+     */
+    private get commonAccentClasses();
     /**
      * Returns classmap configuration for helpText elements in each layout.
      * @private

package/components/input/dist/base-input.d.ts

@@ -6,12 +6,16 @@
  *
  * @slot helptext - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
+ * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
  *
  * @csspart wrapper - Use for customizing the style of the root element
  * @csspart label - Use for customizing the style of the label element
  * @csspart helpText - Use for customizing the style of the helpText element
+ * @csspart input - Use for customizing the style of the input element
  * @csspart accentIcon - Use for customizing the style of the accentIcon element (e.g. credit card icon, calendar icon)
  * @csspart iconContainer - Use for customizing the style of the iconContainer (e.g. X icon for clearing input value)
+ * @csspart accent-left - Use for customizing the style of the left accent element (e.g. padding, margin)
+ * @csspart accent-right - Use for customizing the style of the right accent element (e.g. padding, margin)
  * @event input - Event fires when the value of an `auro-input` has been changed.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` value has changed.
  */
@@ -22,7 +26,6 @@ export default class BaseInput extends AuroElement {
          */
         a11yRole: {
             type: StringConstructor;
-            attribute: boolean;
             reflect: boolean;
         };
         /**
@@ -30,7 +33,6 @@ export default class BaseInput extends AuroElement {
          */
         a11yExpanded: {
             type: BooleanConstructor;
-            attribute: boolean;
             reflect: boolean;
         };
         /**
@@ -38,7 +40,6 @@ export default class BaseInput extends AuroElement {
          */
         a11yControls: {
             type: StringConstructor;
-            attribute: boolean;
             reflect: boolean;
         };
         /**
@@ -53,6 +54,7 @@ export default class BaseInput extends AuroElement {
          */
         autocapitalize: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
@@ -66,6 +68,7 @@ export default class BaseInput extends AuroElement {
          */
         autocorrect: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * If set, disables the input.
@@ -104,7 +107,6 @@ export default class BaseInput extends AuroElement {
         /** Exposes inputmode attribute for input.  */
         inputmode: {
             type: StringConstructor;
-            attribute: boolean;
             reflect: boolean;
         };
         /**
@@ -112,6 +114,7 @@ export default class BaseInput extends AuroElement {
          */
         lang: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
@@ -124,6 +127,7 @@ export default class BaseInput extends AuroElement {
          */
         maxLength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         /**
          * The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
@@ -136,12 +140,22 @@ export default class BaseInput extends AuroElement {
          */
         minLength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         /**
          * Populates the `name` attribute on the input.
          */
         name: {
             type: StringConstructor;
+            reflect: boolean;
+        };
+        /**
+         * Sets styles for nested operation - removes borders, hides help + error text, and
+         * hides accents.
+         */
+        nested: {
+            type: BooleanConstructor;
+            reflect: boolean;
         };
         /**
          * If set, disables auto-validation on blur.
@@ -169,6 +183,7 @@ export default class BaseInput extends AuroElement {
          */
         placeholder: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * Makes the input read-only, but can be set programmatically.
@@ -244,6 +259,13 @@ export default class BaseInput extends AuroElement {
         setCustomValidityValueMissing: {
             type: StringConstructor;
         };
+        /**
+         * borderless
+         */
+        simple: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         /**
          * Custom help text message for email type validity.
          */
@@ -255,6 +277,7 @@ export default class BaseInput extends AuroElement {
          */
         spellcheck: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `date`, `tel` or `text`. If given value is not allowed or set, defaults to `text`.
@@ -268,6 +291,7 @@ export default class BaseInput extends AuroElement {
          */
         value: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * Sets validation mode to re-eval with each input.
@@ -415,10 +439,9 @@ export default class BaseInput extends AuroElement {
     private handleClick;
     /**
      * Function to set element focus.
-     * @private
      * @return {void}
      */
-    private focus;
+    focus(): void;
     /**
      * Handles event of clearing input content by clicking the X icon.
      * @private

package/components/input/dist/buttonVersion.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "9.3.0";
+declare const _default: "11.0.0";
 export default _default;

package/components/input/dist/iconVersion.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "8.0.1";
+declare const _default: "8.0.4";
 export default _default;