@maggioli-design-system/mds-input 1.0.0

package/dist/types/components/mds-input/meta/interfaces.d.ts

@@ -0,0 +1,4 @@
+import { InputValueType } from '../../../types/input-value-type';
+export interface InputValue {
+  value: InputValueType;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,218 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AutocompleteType } from "./types/autocomplete";
+import { ThemeStatusVariantType } from "./types/variant";
+import { InputTextType } from "./types/input-text-type";
+import { InputValueType } from "./types/input-value-type";
+import { InputValue } from "./components/mds-input/meta/interfaces";
+export namespace Components {
+    interface MdsInput {
+        /**
+          * Specifies whether the element should have autocomplete enabled
+         */
+        "autocomplete"?: AutocompleteType;
+        /**
+          * Specifies that the element should automatically get focus when the page loads
+         */
+        "autofocus"?: boolean;
+        /**
+          * A list of search terms to be searched from the input field, it should be used with type="search" input.
+         */
+        "datalist"?: string[];
+        /**
+          * If true, the element is displayed as disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Returns the native `<input>` element used under the hood.
+         */
+        "getInputElement": () => Promise<HTMLInputElement | HTMLTextAreaElement>;
+        /**
+          * An icon displayed at the right of the input
+         */
+        "icon"?: string;
+        /**
+          * Specifies the maximum value use it with input type="number" or type="date" Example: max="180", max="2046-12-04"
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum number of characters allowed in an element use it with input type="number"
+         */
+        "maxlength"?: number;
+        /**
+          * Specifies the minimum value use it with input type="number" or type="date" Example: min="-3", min="1988-04-15"
+         */
+        "min"?: string;
+        /**
+          * Specifies the minimum number of characters allowed in an element use it with input type="number"
+         */
+        "minlength"?: number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
+        /**
+          * Specifies a regular expression that element\'s value is checked against
+         */
+        "pattern"?: string;
+        /**
+          * Specifies a short hint that describes the expected value of the element
+         */
+        "placeholder"?: string;
+        /**
+          * Specifies that the element is read-only
+         */
+        "readonly"?: boolean;
+        /**
+          * Specifies that the element must be filled out before submitting the form
+         */
+        "required"?: boolean;
+        /**
+          * Sets focus on the specified `my-input`. Use this method instead of the global `input.focus()`.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the interval between legal numbers in an input field
+         */
+        "step"?: string;
+        /**
+          * Specifies the type of input element
+         */
+        "type": InputTextType;
+        /**
+          * Specifies the value of the input element
+         */
+        "value"?: InputValueType;
+        /**
+          * Sets the variant of the input field
+         */
+        "variant"?: ThemeStatusVariantType;
+        /**
+          * Sets the word(s) of the variant of the input field
+         */
+        "variantTip"?: string;
+    }
+}
+declare global {
+    interface HTMLMdsInputElement extends Components.MdsInput, HTMLStencilElement {
+    }
+    var HTMLMdsInputElement: {
+        prototype: HTMLMdsInputElement;
+        new (): HTMLMdsInputElement;
+    };
+    interface HTMLElementTagNameMap {
+        "mds-input": HTMLMdsInputElement;
+    }
+}
+declare namespace LocalJSX {
+    interface MdsInput {
+        /**
+          * Specifies whether the element should have autocomplete enabled
+         */
+        "autocomplete"?: AutocompleteType;
+        /**
+          * Specifies that the element should automatically get focus when the page loads
+         */
+        "autofocus"?: boolean;
+        /**
+          * A list of search terms to be searched from the input field, it should be used with type="search" input.
+         */
+        "datalist"?: string[];
+        /**
+          * If true, the element is displayed as disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * An icon displayed at the right of the input
+         */
+        "icon"?: string;
+        /**
+          * Specifies the maximum value use it with input type="number" or type="date" Example: max="180", max="2046-12-04"
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum number of characters allowed in an element use it with input type="number"
+         */
+        "maxlength"?: number;
+        /**
+          * Specifies the minimum value use it with input type="number" or type="date" Example: min="-3", min="1988-04-15"
+         */
+        "min"?: string;
+        /**
+          * Specifies the minimum number of characters allowed in an element use it with input type="number"
+         */
+        "minlength"?: number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
+        /**
+          * Emits a void event when input element is blurred
+         */
+        "onBlurEvent"?: (event: CustomEvent<void>) => void;
+        /**
+          * Emits an InputChangeEventDetail when the value of the input element changes
+         */
+        "onChangeEvent"?: (event: CustomEvent<InputValue>) => void;
+        /**
+          * Emits a void event when input element is focused
+         */
+        "onFocusEvent"?: (event: CustomEvent<void>) => void;
+        /**
+          * Emits a KeyboardEvent when a keboard key is pressed on the focused input element
+         */
+        "onKeyDownEvent"?: (event: CustomEvent<KeyboardEvent>) => void;
+        /**
+          * Specifies a regular expression that element\'s value is checked against
+         */
+        "pattern"?: string;
+        /**
+          * Specifies a short hint that describes the expected value of the element
+         */
+        "placeholder"?: string;
+        /**
+          * Specifies that the element is read-only
+         */
+        "readonly"?: boolean;
+        /**
+          * Specifies that the element must be filled out before submitting the form
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the interval between legal numbers in an input field
+         */
+        "step"?: string;
+        /**
+          * Specifies the type of input element
+         */
+        "type"?: InputTextType;
+        /**
+          * Specifies the value of the input element
+         */
+        "value"?: InputValueType;
+        /**
+          * Sets the variant of the input field
+         */
+        "variant"?: ThemeStatusVariantType;
+        /**
+          * Sets the word(s) of the variant of the input field
+         */
+        "variantTip"?: string;
+    }
+    interface IntrinsicElements {
+        "mds-input": MdsInput;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "mds-input": LocalJSX.MdsInput & JSXBase.HTMLAttributes<HTMLMdsInputElement>;
+        }
+    }
+}

package/dist/types/dictionary/autocomplete.d.ts

@@ -0,0 +1,2 @@
+declare const autoCompleteDictionary: string[];
+export { autoCompleteDictionary, };

package/dist/types/dictionary/button.d.ts

@@ -0,0 +1,5 @@
+declare const buttonVariantDictionary: string[];
+declare const buttonToneVariantDictionary: string[];
+declare const buttonSizeDictionary: string[];
+declare const buttonIconPositionDictionary: string[];
+export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };

package/dist/types/dictionary/color.d.ts

@@ -0,0 +1,3 @@
+declare const colorLabelDictionary: string[];
+declare const colorStatusDictionary: string[];
+export { colorLabelDictionary, colorStatusDictionary, };

package/dist/types/dictionary/icon.d.ts

@@ -0,0 +1,2 @@
+declare const iconsDictionary: string[];
+export { iconsDictionary, };

package/dist/types/dictionary/input-text-type.d.ts

@@ -0,0 +1,2 @@
+declare const inputTextTypeDictionary: string[];
+export { inputTextTypeDictionary, };

package/dist/types/dictionary/loading.d.ts

@@ -0,0 +1,2 @@
+declare const loadingDictionary: string[];
+export { loadingDictionary, };

package/dist/types/dictionary/typography.d.ts

@@ -0,0 +1,6 @@
+declare const typographyDictionary: string[];
+declare const typographyMonoDictionary: string[];
+declare const typographyPrimaryDictionary: string[];
+declare const typographySecondaryDictionary: string[];
+declare const typographySmallerDictionary: string[];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

package/dist/types/dictionary/variant.d.ts

@@ -0,0 +1,9 @@
+declare const themeVariantDictionary: string[];
+declare const themeLuminanceVariantDictionary: string[];
+declare const themeStatusVariantDictionary: string[];
+declare const themeFullVariantDictionary: string[];
+declare const themeLabelVariantDictionary: string[];
+declare const toneVariantDictionary: string[];
+declare const toneSimpleVariantDictionary: string[];
+declare const toneMinimalVariantDictionary: string[];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/types/fixtures/cities.d.ts

@@ -0,0 +1,2 @@
+declare const citiesDictionary: string[];
+export { citiesDictionary, };

package/dist/types/interface/input-value.d.ts

@@ -0,0 +1,4 @@
+import { InputValueType } from '../types/input-value-type';
+export interface InputValue {
+  value: InputValueType;
+}