@trilogy-ds/react 0.0.1-beta-104 → 0.0.1-beta-107

package/lib/components/image/Image.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ImageExample: React.ReactNode;
+export default ImageExample;

package/lib/components/image/Image.example.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Image } from './index';
+const ImageExample = React.createElement(Image, { alt: 'image test', src: 'https://assets.bouyguestelecom.fr/TRILOGY/guide@2.0.7-3/assets/images/card-image.png' });
+export default ImageExample;
+//# sourceMappingURL=Image.example.js.map

package/lib/components/image/Image.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.example.js","sourceRoot":"","sources":["../../../components/image/Image.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,YAAY,GAChB,oBAAC,KAAK,IACJ,GAAG,EAAC,YAAY,EAChB,GAAG,EAAC,sFAAsF,GAC1F,CAAA;AAEJ,eAAe,YAAY,CAAA"}

package/lib/components/image/index.d.ts

@@ -1,2 +1,3 @@
 import Image from './Image';
-export { Image };
+import ImageExample from './Image.example';
+export { Image, ImageExample };

package/lib/components/image/index.js

@@ -1,3 +1,4 @@
 import Image from './Image';
-export { Image };
+import ImageExample from './Image.example';
+export { Image, ImageExample };
 //# sourceMappingURL=index.js.map

package/lib/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from './accordion';
 export * from './alert';
-export * from './autocomplete';
 export * from './autolayout';
 export * from './badge';
 export * from './box';

package/lib/components/index.js

@@ -1,7 +1,6 @@
 // Components exports
 export * from './accordion';
 export * from './alert';
-export * from './autocomplete';
 export * from './autolayout';
 export * from './badge';
 export * from './box';

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/lib/components/input/Input.d.ts

@@ -1,6 +1,76 @@
 import React from 'react';
 import { InputProps, InputWebEvents } from './InputProps';
+import { AutoCompleteProps, Item } from './autocomplete';
 export interface InputProp extends InputProps, InputWebEvents {
 }
-declare const _default: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+/**
+ * Input Component
+ * @param name {string} Input name
+ * @param disabled {boolean} Disabled input
+ * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} onFocus Input Event
+ * @param onBlur {Function} onBlur Input Event
+ * @param placeholder {string} Placeholder Input
+ * @param type {InputType} Type for input
+ * @param defaultValue {string} Default Value for Input
+ * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
+ * @param customIcon {IconName} Adding if you want custom icon
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param patternValidator {RegExp} regex validator
+ * @param customValidator {Function} custom function validator
+ * @param onStatusChange {Function} status change event
+ * @param help {string} Help for input
+ * @param ref Pass a ref for input
+ * @param onSubmit {Function} onSubmit Event
+ * @param maxLength {number} Textarea max length
+ * @param customIconLeft {IconName} Adding if you want custom icon left
+ * @param customIconRight {IconName} Adding if you want custom icon right
+ * @param securityGauge {boolean} add security gauge for input type password
+ * @param validationRules {IValidationRules} Textarea max length
+
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param loading {boolean} Loading input
+ * @param value {string} Value for Input
+ * @param hovered {boolean} Hover mode
+ * @param focused {boolean} Fucus mode
+ * @param className {string} Additionnal CSS Classes
+ * @param onMouseEnter {Function} onMouseEnter Input Event
+ * @param onMouseLeave {Function} onMouseLeave Input Event
+ * @param iconClassname {string} Additional icon classes
+ * @param onKeyPress {Function} onKeyPress Input Event
+ * @param onKeyUp {Function} onKeyUp Input Event
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onClick {Function} onClick Input Event
+ * @param forceControl {boolean} Force the control of the input value
+ * @param minLength {number} Textarea min length
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param required {boolean} Required input
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ */
+declare const Input: {
+    ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type, defaultValue, value, loading, focused, hasIcon, customIcon, status, help, iconClassname, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, required, ...others }: InputProp): JSX.Element;
+    /**
+     * AutoComplete Component
+     * @param placeholder {string} placeholder for input
+     * @param defaultValue {string} Default Value for Input
+     * @param data {string[]} Datas AutoComplete list Item
+     * @param value {string} Value of Input
+     * @param onChange {Function} OnChange Input Event
+     * @param onFocus {Function} OnFocus Input Event
+     * @param children {Function} Custom Component for dropdown list
+     * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
+     * @param matching {Function} matching function
+     * - ------------------ WEB PROPERTIES -----------------------
+     * @param classNameMenu {string} Additionnal CSS Classes for Menu
+     * @param absoluteMenu {boolean} Absolute position for Menu
+     * @param fullwidthMenu {boolean} Fullwidth size for Menu
+     * @param className {string} Additionnal CSS Classes
+     * @param onItemSelected {Function} OnSelectedItemList event
+     * @param customIcon {string} Additional icon classes
+     * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+     */
+    AutoComplete<T extends string | Item<unknown> = string>(props: AutoCompleteProps<T>): React.JSX.Element;
+};
+export default Input;

package/lib/components/input/Input.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const InputExample: React.ReactNode;
+export default InputExample;

package/lib/components/input/Input.example.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Input } from './index';
+const InputExample = React.createElement(Input, { customIconRight: 'tri-search', hasIcon: true, help: 'this is my help message', placeholder: 'This is my placeholder', status: 'success', type: 'text' });
+export default InputExample;
+//# sourceMappingURL=Input.example.js.map

package/lib/components/input/Input.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.example.js","sourceRoot":"","sources":["../../../components/input/Input.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,YAAY,GAEhB,oBAAC,KAAK,IACJ,eAAe,EAAC,YAAY,EAC5B,OAAO,QACP,IAAI,EAAC,yBAAyB,EAC9B,WAAW,EAAC,wBAAwB,EACpC,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,MAAM,GACX,CAAA;AAEJ,eAAe,YAAY,CAAA"}

package/lib/components/input/Input.js

@@ -1,18 +1,16 @@
-import { Text, TextLevels, TextMarkup } from '../../components/text';
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useTrilogyContext } from '../../context';
 import { hashClass } from '../../helpers';
-import { TypographyColor } from '../../objects';
 import { has, is } from '../../services';
-import clsx from 'clsx';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
 import { Icon, IconColor, IconName, IconSize } from '../icon';
+import { Text } from '../../components/text';
 import { InputStatus, InputType } from './InputEnum';
+import { AutoComplete } from './autocomplete';
 import InputGauge from './gauge/InputGauge';
 /**
  * Input Component
  * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
  * @param disabled {boolean} Disabled input
  * @param onChange {Function} OnChange Input Event
  * @param onFocus {Function} onFocus Input Event
@@ -38,6 +36,7 @@ import InputGauge from './gauge/InputGauge';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param loading {boolean} Loading input
  * @param value {string} Value for Input
+ * @param hovered {boolean} Hover mode
  * @param focused {boolean} Fucus mode
  * @param className {string} Additionnal CSS Classes
  * @param onMouseEnter {Function} onMouseEnter Input Event
@@ -55,7 +54,7 @@ import InputGauge from './gauge/InputGauge';
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
  */
-const Input = ({ forceControl, label, sample, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type = 'text', defaultValue, value, loading, focused, hasIcon, customIcon, status, help, iconClassname, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, required, ...others }, ref) => {
+const Input = ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type = 'text', defaultValue, value, loading, focused, hasIcon, customIcon, status, help, iconClassname, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, required, ...others }) => {
     const { styled } = useTrilogyContext();
     const hasPlaceholder = placeholder !== undefined && placeholder.length > 0;
     const inputIcon = new Map();
@@ -82,15 +81,14 @@ const Input = ({ forceControl, label, sample, className, disabled, onChange, onK
             inputName: target.name,
             inputValue: target.value,
             inputKeyCode: e.keyCode,
-            target,
             preventDefault: () => e.preventDefault(),
         };
     }, []);
     const IconWrapper = useCallback(({ className, name, color, closeIconSearch, onPress }) => {
-        return (React.createElement("div", { ...(type === 'password' && { 'data-show-pwd': true }), onClick: (e) => {
+        return (React.createElement("div", { ...type === "password" && { "data-show-pwd": true }, onClick: () => {
                 onPress && onPress();
                 if (onIconClick) {
-                    onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value, target: e.target });
+                    onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
                 }
             } },
             React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
@@ -125,19 +123,13 @@ const Input = ({ forceControl, label, sample, className, disabled, onChange, onK
             onStatusChange(localStatus);
     }, [localStatus]);
     return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
-        !hasPlaceholder && (React.createElement("label", { className: 'input-label' },
-            label,
-            ' ',
-            label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-        !hasPlaceholder && label && sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
         React.createElement("div", { className: controlClasses },
-            React.createElement("input", { required: required, role: 'textbox', ...others, "data-testid": testId, "aria-label": accessibilityLabel, type: inputType, className: classes, value: _value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: ref, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: (e) => onKeyUp && onKeyUp(onPressKey(e)), onKeyPress: (e) => onKeyPress && onKeyPress(onPressKey(e)), onMouseEnter: (e) => onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e), onMouseLeave: (e) => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), placeholder: placeholder, onClick: (e) => {
+            React.createElement("input", { required: required, role: 'textbox', ...others, "data-testid": testId, "aria-label": accessibilityLabel, type: inputType, className: classes, value: _value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: reference, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: (e) => onKeyUp && onKeyUp(onPressKey(e)), onKeyPress: (e) => onKeyPress && onKeyPress(onPressKey(e)), onMouseEnter: (e) => onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e), onMouseLeave: (e) => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), placeholder: placeholder, onClick: (e) => {
                     const target = e.target;
                     if (onClick) {
                         onClick({
                             inputName: target.name,
                             inputValue: target.value,
-                            target: target,
                         });
                     }
                 }, onChange: (e) => {
@@ -162,7 +154,6 @@ const Input = ({ forceControl, label, sample, className, disabled, onChange, onK
                             inputName: e.target.name,
                             inputValue: e.target.value,
                             inputSelectionStart: e.target.selectionStart,
-                            target: e.target,
                         });
                     }
                 }, onFocus: (e) => {
@@ -193,5 +184,29 @@ const Input = ({ forceControl, label, sample, className, disabled, onChange, onK
         help && React.createElement(Text, { className: helpClasses }, help),
         securityGauge && type === 'password' && (React.createElement(InputGauge, { validationRules: validationRules, styled: styled, inputValue: _value }))));
 };
-export default forwardRef(Input);
+/**
+ * AutoComplete Component
+ * @param placeholder {string} placeholder for input
+ * @param defaultValue {string} Default Value for Input
+ * @param data {string[]} Datas AutoComplete list Item
+ * @param value {string} Value of Input
+ * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} OnFocus Input Event
+ * @param children {Function} Custom Component for dropdown list
+ * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
+ * @param matching {Function} matching function
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param classNameMenu {string} Additionnal CSS Classes for Menu
+ * @param absoluteMenu {boolean} Absolute position for Menu
+ * @param fullwidthMenu {boolean} Fullwidth size for Menu
+ * @param className {string} Additionnal CSS Classes
+ * @param onItemSelected {Function} OnSelectedItemList event
+ * @param customIcon {string} Additional icon classes
+ * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ */
+Input.AutoComplete = (props) => {
+    const newProps = { ...props, Input };
+    return React.createElement(AutoComplete, { ...newProps });
+};
+export default Input;
 //# sourceMappingURL=Input.js.map

package/lib/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAkB,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAqB,SAAS,EAAmB,MAAM,aAAa,CAAA;AAExF,OAAO,EAAE,YAAY,EAA2B,MAAM,gBAAgB,CAAA;AACtE,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAY3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAI,GAAG,MAAM,EACb,YAAY,EACZ,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,aAAa,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,QAAQ,EACR,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,cAAc,GAAG,WAAW,KAAK,SAAS,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1E,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAA;IAC3B,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IACzD,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAE7D,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAA;IAC/D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC,CAAA;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkC,MAAM,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE1D,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,WAAW,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAChE,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAChF,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,KAAK,UAAU,IAAI,aAAa,IAAI,WAAW,CAAC,CAC9E,CAAA;IACD,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,cAAc,IAAI,IAAI,KAAK,SAAS,CAAC,MAAM,IAAI,GAAG,CAAC,qBAAqB,CAAC,EAAE;QACzF,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,UAAU,IAAI,eAAe,IAAI,IAAI,KAAK,UAAU,CAAC;QACvF,CAAC,gBAAgB,CAAC,EAAE,cAAc,IAAI,IAAI,KAAK,SAAS,CAAC,MAAM;KAChE,CAAC,CACH,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QACxD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;QAC1C,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,IAAI;YACtB,UAAU,EAAE,MAAM,CAAC,KAAK;YACxB,YAAY,EAAE,CAAC,CAAC,OAAO;YACvB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SACzC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAe,EAAE,EAAE;QACpE,OAAO,CACL,gCACI,IAAI,KAAK,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAClD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,IAAI,OAAO,EAAE,CAAA;gBACpB,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAA;iBAC3D;YACH,CAAC;YAED,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;YAC7E,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,eAAe,IAAI,CACjD,oBAAC,IAAI,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC3B,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACxD,IAAI,EAAE,QAAQ,CAAC,YAAY,EAC3B,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACH,CACG,CACP,CAAA;IACH,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAA;IAED,MAAM,SAAS,GACb,CAAC,eAAe,IAAI,gBAAgB;QAClC,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QAC7F,CAAC,CAAC,eAAe,CAAA;IAErB,SAAS,CAAC,GAAG,EAAE;;QACb,QAAQ,CAAC,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY,mCAAI,EAAE,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS;YAAE,UAAU,CAAC,IAAI,CAAC,CAAA;aAC1B,IAAI,OAAO;YAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAM;QACpC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;IAC/C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc;YAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,oBAAkB,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAC9E,6BAAK,SAAS,EAAE,cAAc;YAC5B,+BACE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,KACX,MAAM,iBACG,MAAM,gBACP,kBAAkB,EAC9B,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,CAAC,CAAsB,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EACtE,UAAU,EAAE,CAAC,CAAsB,EAAE,EAAE,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAC/E,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,EACtC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,EACtC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,CAAC,CAA4B,EAAE,EAAE;oBACxC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;oBAC1C,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC;4BACN,SAAS,EAAE,MAAM,CAAC,IAAI;4BACtB,UAAU,EAAE,MAAM,CAAC,KAAK;yBACzB,CAAC,CAAA;qBACH;gBACH,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,0CAA0C;oBAC1C,IACE,SAAS,KAAK,SAAS,CAAC,IAAI;wBAC5B,SAAS,KAAK,SAAS,CAAC,cAAc;wBACtC,SAAS,KAAK,SAAS,CAAC,MAAM;wBAC9B,SAAS,KAAK,SAAS,CAAC,KAAK,EAC7B;wBACA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,CAAA;wBACrC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAA;wBACxB,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;4BAChC,OAAO,CAAC,cAAc,GAAG,KAAK,CAAA;4BAC9B,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;wBAC9B,CAAC,CAAC,CAAA;qBACH;oBACD,0CAA0C;oBAC1C,sCAAsC;oBACtC,IAAI,CAAC,YAAY;wBAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC3C,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC;4BACP,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;4BACxB,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;4BAC1B,mBAAmB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;yBAC7C,CAAC,CAAA;qBACH;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;oBACZ,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAA;oBACX,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,GACD;YACD,cAAc,IAAI,IAAI,KAAK,SAAS,CAAC,MAAM,IAAI,mCAAQ,WAAW,CAAS;YAC3E,OAAO,IAAI,WAAW,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,eAAe,IAAI,CAC3F,oBAAC,WAAW,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,GAAI,CAC5E;YACA,UAAU,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI;YACrG,cAAc,IAAI,CAAC,OAAO,IAAI,CAC7B,oBAAC,WAAW,IAAC,SAAS,EAAE,IAAI,CAAC,cAAc,IAAI,WAAW,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,GAAI,CACrG;YACA,eAAe,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,UAAU,IAAI,CACrD,oBAAC,WAAW,IAAC,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,YAAY,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,GAAI,CACxG;YACA,CAAC,OAAO,IAAI,IAAI,KAAK,UAAU,IAAI,CAClC,oBAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,EAC5C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,SAAS,KAAK,UAAU,EAAE;wBAC5B,YAAY,CAAC,MAAM,CAAC,CAAA;wBACpB,YAAY,CAAC,IAAI,CAAC,CAAA;qBACnB;yBAAM;wBACL,YAAY,CAAC,UAAU,CAAC,CAAA;wBACxB,YAAY,CAAC,KAAK,CAAC,CAAA;qBACpB;gBACH,CAAC,GACD,CACH;YACA,UAAU,IAAI,WAAW,IAAI,CAAC,OAAO,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI;YACpG,IAAI,KAAK,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,OAAO,IAAI,CACpF,oBAAC,WAAW,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,GAAI,CAC/G;YACA,OAAO,IAAI,8BAAM,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAI,CACrE;QACL,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,IAAG,IAAI,CAAQ;QAEnD,aAAa,IAAI,IAAI,KAAK,UAAU,IAAI,CACvC,oBAAC,UAAU,IAAC,eAAe,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAI,CACrF,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,KAAK,CAAC,YAAY,GAAG,CAA4C,KAA2B,EAAE,EAAE;IAC9F,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,oBAAC,YAAY,OAAK,QAAQ,GAAI,CAAA;AACvC,CAAC,CAAA;AACD,eAAe,KAAK,CAAA"}

package/lib/components/input/Input.native.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { InputNativeEvents, InputProps } from './InputProps';
+import { AutoCompleteProps } from './autocomplete';
 export interface InputNativeProps extends InputProps, InputNativeEvents {
 }
 /**
  * Input Native Component
  * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
  * @param disabled {boolean} Disabled input
  * @param onChange {Function} OnChange Input Event
  * @param onFocus {Function} OnFocus Input Event
@@ -35,7 +34,8 @@ export interface InputNativeProps extends InputProps, InputNativeEvents {
  * @param accessibilityActivate {boolean}
  */
 declare const Input: {
-    ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, hasIcon, customIcon, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, customIconRight, customIconLeft, securityGauge, validationRules, onIconClick, required, ...others }: InputNativeProps): JSX.Element;
+    ({ defaultValue, name, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, hasIcon, customIcon, reference, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, customIconRight, customIconLeft, securityGauge, validationRules, onIconClick, required, ...others }: InputNativeProps): JSX.Element;
     displayName: ComponentName;
+    AutoComplete(props: AutoCompleteProps): React.JSX.Element;
 };
 export default Input;

package/lib/components/input/Input.native.js

@@ -1,20 +1,17 @@
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconName, IconSize } from '../../components/icon';
-import { Text, TextLevels } from '../../components/text';
-import { TypographyColor } from '../../objects';
-import { Alignable } from '../../objects/facets/Alignable';
-import { TrilogyColor, getColorStyle } from '../../objects/facets/Color';
-import { StatusState } from '../../objects/facets/Status';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Animated, Keyboard, Platform, StyleSheet, TextInput, TouchableOpacity, View, } from 'react-native';
-import { Spacer, SpacerSize } from '../spacer';
+import { AlertState, getAlertStyle } from '../../objects/facets/Alert';
+import { Alignable } from '../../objects/facets/Alignable';
+import { TrilogyColor, getColorStyle } from '../../objects/facets/Color';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconName, IconSize } from '../../components/icon';
+import { Text } from '../../components/text';
 import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputStatus, InputTextContentType, InputType, } from './InputEnum';
+import AutoComplete from './autocomplete/AutoComplete.native';
 import InputGauge from './gauge/InputGauge.native';
 /**
  * Input Native Component
  * @param name {string} Input name
- * @param label {string} Label for input
- * @param sample {string} Sample for input (below label)
  * @param disabled {boolean} Disabled input
  * @param onChange {Function} OnChange Input Event
  * @param onFocus {Function} OnFocus Input Event
@@ -41,7 +38,9 @@ import InputGauge from './gauge/InputGauge.native';
  * @param required {boolean} Required input
  * @param accessibilityActivate {boolean}
  */
-const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, hasIcon, customIcon, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, customIconRight, customIconLeft, securityGauge, validationRules, onIconClick, required, ...others }) => {
+const Input = ({ defaultValue, name, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, hasIcon, customIcon, reference, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, customIconRight, customIconLeft, securityGauge, validationRules, onIconClick, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+required, ...others }) => {
     const inputTestId = testId ? testId : placeholder ? placeholder : 'NotSpecified';
     const inputAccessibilityLabel = accessibilityLabel ? accessibilityLabel : placeholder ? placeholder : 'NotSpecified';
     const animationDuration = 200;
@@ -158,9 +157,9 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
         },
         help: {
             fontSize: 12,
-            color: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+            color: (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === 'error' && getAlertStyle(AlertState.ERROR)) ||
                 (status && status === 'default' && inputColor) ||
                 (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
                 inputColor,
@@ -171,15 +170,15 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
             position: 'relative',
             justifyContent: 'center',
             alignSelf: 'stretch',
-            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED, 1) : getColorStyle(TrilogyColor.BACKGROUND),
             borderWidth: isFocused ? 2 : 1,
             borderRadius: 3,
-            borderColor: (status && status === 'success' && getColorStyle(StatusState.SUCCESS)) ||
-                (status && status === 'warning' && getColorStyle(StatusState.WARNING)) ||
-                (status && status === 'error' && getColorStyle(StatusState.ERROR)) ||
+            borderColor: (status && status === 'success' && getAlertStyle(AlertState.SUCCESS)) ||
+                (status && status === 'warning' && getAlertStyle(AlertState.WARNING)) ||
+                (status && status === 'error' && getAlertStyle(AlertState.ERROR)) ||
                 (status && status === 'default' && inputColor) ||
                 (isFocused && getColorStyle(TrilogyColor.MAIN)) ||
-                getColorStyle(TrilogyColor.NEUTRAL),
+                getColorStyle(TrilogyColor.FONT, 1),
             height: 46,
             width: '100%',
         },
@@ -207,12 +206,12 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
         inputIcon: {
             position: 'absolute',
             right: 10,
-            top: dynamicPlaceholder && !label && value ? -38 : -33,
+            top: !value ? -33 : -38,
         },
         inputIconLeft: {
             position: 'absolute',
             left: 10,
-            top: dynamicPlaceholder && !label && value ? -38 : -33,
+            top: !value ? -33 : -38,
         },
         text: {
             zIndex: -1,
@@ -232,18 +231,9 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
         },
     });
     return (React.createElement(View, { style: { width: '100%' }, accessible: !!inputAccessibilityLabel, accessibilityLabel: inputAccessibilityLabel, testID: inputTestId },
-        !dynamicPlaceholder && label && (React.createElement(React.Fragment, null,
-            React.createElement(Text, { typo: TypographyColor.TEXT_DISABLED },
-                label,
-                " ",
-                label && required && React.createElement(Text, { typo: TypographyColor.TEXT_ERROR }, "*")),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
-        !dynamicPlaceholder && label && sample && (React.createElement(React.Fragment, null,
-            React.createElement(Text, { level: TextLevels.THREE, typo: TypographyColor.TEXT_DISABLED }, sample),
-            React.createElement(Spacer, { size: SpacerSize.THREE }))),
         React.createElement(View, { testID: 'input-wrapper-id', style: styles.inputWrapper },
             dynamicPlaceholder && type !== InputType.SEARCH && (React.createElement(Animated.Text, { style: [styles.dynamicPlaceholder, { top: animation, fontSize: sizeAnimation }] }, placeholder)),
-            React.createElement(TextInput, { testID: 'input-id', clearTextOnFocus: false, secureTextEntry: !!(type && type === InputType.PASSWORD && iconPassword === IconName.EYE), value: value, editable: !disabled, maxLength: maxLength, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCorrect: autoCorrect || false, autoComplete: autoCompleteType, returnKeyType: keyType, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onSubmitEditing: handleSubmit, onChangeText: (text) => {
+            React.createElement(TextInput, { testID: 'input-id', clearTextOnFocus: false, secureTextEntry: !!(type && type === InputType.PASSWORD && iconPassword === IconName.EYE), value: value, editable: !disabled, ref: reference, maxLength: maxLength, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCorrect: autoCorrect || false, autoComplete: autoCompleteType, returnKeyType: keyType, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onSubmitEditing: handleSubmit, onChangeText: (text) => {
                     handleChange(text);
                     if (onChange) {
                         onChange({
@@ -258,7 +248,7 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
                 }, onBlur: (e) => {
                     setIsFocused(false);
                     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                }, placeholder: placeholder, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.FONT_PLACEHOLDER), style: styles.input, ...others }),
+                }, placeholder: placeholder, placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : getColorStyle(TrilogyColor.MAIN), style: styles.input, ...others }),
             type === 'email' && (React.createElement(Text, { style: styles.text },
                 value,
                 React.createElement(Text, { style: styles.domain }, email))),
@@ -266,29 +256,28 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
                 ((status && status !== InputStatus.DEFAULT) || customIconLeft) &&
                 type !== InputType.PASSWORD &&
                 !customIcon && (React.createElement(Icon, { style: styles.inputIconLeft, align: Alignable.ALIGNED_START, name: (customIconLeft && customIconLeft.replace('tri-', '').replace('ui-', '')) ||
-                    inputIcon.get(status).replace('tri-', '').replace('ui-', ''), size: IconSize.SMALL, color: (status && status === 'success' && StatusState.SUCCESS) ||
-                    (status && status === 'warning' && StatusState.WARNING) ||
-                    (status && status === 'error' && StatusState.ERROR) ||
+                    inputIcon.get(status).replace('tri-', '').replace('ui-', ''), size: IconSize.SMALL, color: (status && status === 'success' && (AlertState.SUCCESS)) ||
+                    (status && status === 'warning' && (AlertState.WARNING)) ||
+                    (status && status === 'error' && (AlertState.ERROR)) ||
                     (status && status === 'default' && TrilogyColor.MAIN) ||
-                    (disabled && TrilogyColor.DISABLED) ||
+                    (disabled && (TrilogyColor.DISABLED)) ||
                     TrilogyColor.MAIN })),
             hasIcon &&
                 type !== InputType.SEARCH &&
                 ((status && status !== InputStatus.DEFAULT) || customIcon || customIconRight) &&
-                type !== InputType.PASSWORD && (React.createElement(TouchableOpacity, { style: styles.inputContainer, activeOpacity: onIconClick ? 0.2 : 1, onPress: (e) => {
+                type !== InputType.PASSWORD && (React.createElement(TouchableOpacity, { style: styles.inputContainer, activeOpacity: onIconClick ? 0.2 : 1, onPress: () => {
                     onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick({
                         inputName: (name && name) || '',
                         inputValue: value,
-                        target: e,
                     });
                 } },
                 React.createElement(Icon, { testId: 'icon-status-id', align: Alignable.ALIGNED_CENTER, name: (customIcon && customIcon.replace('tri-', '').replace('ui-', '')) ||
                         (customIconRight && customIconRight.replace('tri-', '').replace('ui-', '')) ||
-                        inputIcon.get(status).replace('tri-', '').replace('ui-', ''), size: IconSize.SMALL, color: (status && status === 'success' && StatusState.SUCCESS) ||
-                        (status && status === 'warning' && StatusState.WARNING) ||
-                        (status && status === 'error' && StatusState.ERROR) ||
+                        inputIcon.get(status).replace('tri-', '').replace('ui-', ''), size: IconSize.SMALL, color: (status && status === 'success' && (AlertState.SUCCESS)) ||
+                        (status && status === 'warning' && (AlertState.WARNING)) ||
+                        (status && status === 'error' && (AlertState.ERROR)) ||
                         (status && status === 'default' && TrilogyColor.MAIN) ||
-                        (disabled && TrilogyColor.DISABLED) ||
+                        (disabled && (TrilogyColor.DISABLED)) ||
                         TrilogyColor.MAIN }))),
             hasIcon && type === InputType.PASSWORD && (React.createElement(React.Fragment, null,
                 hasIcon && customIconLeft && (React.createElement(View, { style: [{ paddingLeft: 10 }, styles.inputContainerLeft] },
@@ -305,15 +294,15 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
                             setIconPassword(IconName.EYE);
                         }
                     } },
-                    React.createElement(Icon, { testId: 'password-id', align: Alignable.ALIGNED_CENTER, name: iconPassword, size: IconSize.SMALL, color: (status && status === 'success' && StatusState.SUCCESS) ||
-                            (status && status === 'warning' && StatusState.WARNING) ||
-                            (status && status === 'error' && StatusState.ERROR) ||
+                    React.createElement(Icon, { testId: 'password-id', align: Alignable.ALIGNED_CENTER, name: iconPassword, size: IconSize.SMALL, color: (status && status === 'success' && (AlertState.SUCCESS)) ||
+                            (status && status === 'warning' && (AlertState.WARNING)) ||
+                            (status && status === 'error' && (AlertState.ERROR)) ||
                             (status && status === 'default' && TrilogyColor.MAIN) ||
-                            (disabled && TrilogyColor.DISABLED) ||
+                            (disabled && (TrilogyColor.DISABLED)) ||
                             TrilogyColor.MAIN })))),
             type === InputType.SEARCH && !status && (React.createElement(React.Fragment, null,
                 React.createElement(View, { style: styles.inputContainerLeft },
-                    React.createElement(Icon, { align: Alignable.ALIGNED_CENTER, name: IconName.SEARCH, size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.NEUTRAL })),
+                    React.createElement(Icon, { align: Alignable.ALIGNED_CENTER, name: IconName.SEARCH, size: IconSize.SMALL, color: disabled ? (TrilogyColor.DISABLED) : (TrilogyColor.NEUTRAL) })),
                 value.length > 0 && (React.createElement(TouchableOpacity, { testID: 'search-id', style: styles.inputContainerRight, onPressIn: () => {
                         onChange === null || onChange === void 0 ? void 0 : onChange({
                             inputName: (name && name) || '',
@@ -326,10 +315,14 @@ const Input = ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, d
                         });
                         setValue('');
                     } },
-                    React.createElement(Icon, { align: Alignable.ALIGNED_CENTER, name: IconName.TIMES_CIRCLE, size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.NEUTRAL })))))),
+                    React.createElement(Icon, { align: Alignable.ALIGNED_CENTER, name: IconName.TIMES_CIRCLE, size: IconSize.SMALL, color: disabled ? (TrilogyColor.DISABLED) : (TrilogyColor.NEUTRAL) })))))),
         help && (React.createElement(Text, { testId: 'help-id', style: styles.help }, help)),
         type === InputType.PASSWORD && securityGauge && (React.createElement(InputGauge, { validationRules: validationRules, inputValue: value }))));
 };
 Input.displayName = ComponentName.Input;
+Input.AutoComplete = (props) => {
+    const newProps = { ...props, Input };
+    return React.createElement(AutoComplete, { ...newProps });
+};
 export default Input;
 //# sourceMappingURL=Input.native.js.map