@trilogy-ds/react 4.0.6 → 4.0.7-SC-beta-1

package/lib/components/input/hook/useInput.js

@@ -0,0 +1,151 @@
+import { __assign, __read } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { Icon, IconName, IconSize } from '../../../components/icon';
+import { InputStatus, InputType } from '../../../components/input/InputEnum';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+export var useInput = function (_a) {
+    var defaultValue = _a.defaultValue, focused = _a.focused, status = _a.status, type = _a.type, value = _a.value, validator = _a.validator, onStatusChange = _a.onStatusChange, onKeyUp = _a.onKeyUp, onKeyPress = _a.onKeyPress, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClick = _a.onClick, forceControl = _a.forceControl, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onIconClick = _a.onIconClick;
+    try {
+        var _b = __read(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value_1 = _b[0], setValue_1 = _b[1];
+        var _c = __read(React.useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused_1 = _c[0], setIsFocused_1 = _c[1];
+        var _d = __read(React.useState(false), 2), isDirty_1 = _d[0], setIsDirty_1 = _d[1];
+        var _e = __read(React.useState(false), 2), isTouched_1 = _e[0], setIsTouched_1 = _e[1];
+        var _f = __read(React.useState(status || InputStatus.DEFAULT), 2), localStatus_1 = _f[0], setLocalStatus_1 = _f[1];
+        var _g = __read(React.useState(type), 2), inputType_1 = _g[0], setInputType_1 = _g[1];
+        var _h = __read(React.useState(false), 2), isShowPwd = _h[0], setIsShowPwd_1 = _h[1];
+        var onPressKey_1 = React.useCallback(function (e) {
+            var target = e.target;
+            return {
+                inputName: target.name,
+                inputValue: target.value,
+                inputKeyCode: e.keyCode,
+                target: target,
+                preventDefault: function () { return e.preventDefault(); },
+            };
+        }, []);
+        var IconWrapper = React.useCallback(function (_a) {
+            var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress;
+            return (React.createElement(CreateIconWrapper, { className: className, name: name, color: color, closeIconSearch: closeIconSearch, onClick: function (e) {
+                    onPress && onPress();
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value_1, target: e.target });
+                    }
+                }, type: type, _value: _value_1, onClickCloseIconSearch: function () { return setValue_1(''); } }));
+        }, [_value_1, onIconClick, type]);
+        var handleKeyUp = React.useCallback(function (e) { return onKeyUp && onKeyUp(onPressKey_1(e)); }, [onKeyUp]);
+        var handleMouseEnter = React.useCallback(function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, [onMouseEnter]);
+        var handleMouseLeave = React.useCallback(function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, [onMouseLeave]);
+        var handleKeyPress = React.useCallback(function (e) { return onKeyPress && onKeyPress(onPressKey_1(e)); }, [onKeyPress]);
+        var handleClick = React.useCallback(function (e) {
+            var target = e.target;
+            if (onClick) {
+                onClick({
+                    inputName: target.name,
+                    inputValue: target.value,
+                    target: target,
+                });
+            }
+        }, [onClick]);
+        var handleChange = React.useCallback(function (e) {
+            // --- solution to prevent cursor jump ---
+            if (inputType_1 !== InputType.DATE &&
+                inputType_1 !== InputType.DATETIME_LOCAL &&
+                inputType_1 !== InputType.NUMBER &&
+                inputType_1 !== InputType.EMAIL) {
+                var caret_1 = e.target.selectionStart;
+                var element_1 = e.target;
+                window.requestAnimationFrame(function () {
+                    element_1.selectionStart = caret_1;
+                    element_1.selectionEnd = caret_1;
+                });
+            }
+            if (!forceControl)
+                setValue_1(e.target.value);
+            if (onChange) {
+                onChange({
+                    inputName: e.target.name,
+                    inputValue: e.target.value,
+                    inputSelectionStart: e.target.selectionStart,
+                    target: e.target,
+                });
+            }
+        }, [forceControl, onChange, inputType_1]);
+        var handleFocus = React.useCallback(function (e) {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+            setIsFocused_1(true);
+        }, [onFocus]);
+        var handleBlur = React.useCallback(function (e) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+            setIsFocused_1(false);
+        }, [onBlur]);
+        var handlePressIconPwd = React.useCallback(function () {
+            if (inputType_1 === 'password') {
+                setInputType_1('text');
+                setIsShowPwd_1(true);
+            }
+            else {
+                setInputType_1('password');
+                setIsShowPwd_1(false);
+            }
+        }, [inputType_1]);
+        React.useEffect(function () {
+            var _a;
+            setValue_1((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
+        }, [value, defaultValue]);
+        React.useEffect(function () {
+            setIsFocused_1(focused !== null && focused !== void 0 ? focused : false);
+        }, [focused]);
+        React.useEffect(function () {
+            if (isFocused_1)
+                setIsDirty_1(true);
+            else if (isDirty_1)
+                setIsTouched_1(true);
+        }, [isFocused_1, isDirty_1]);
+        React.useEffect(function () {
+            if (!validator || !isTouched_1)
+                return;
+            setLocalStatus_1(validator(_value_1));
+        }, [isFocused_1, isTouched_1, validator]);
+        React.useEffect(function () {
+            setLocalStatus_1(status || InputStatus.DEFAULT);
+        }, [status]);
+        React.useEffect(function () {
+            if (onStatusChange)
+                onStatusChange(localStatus_1);
+        }, [localStatus_1, onStatusChange]);
+        return {
+            localStatus: localStatus_1,
+            inputType: inputType_1,
+            _value: _value_1,
+            isShowPwd: isShowPwd,
+            handleBlur: handleBlur,
+            handleChange: handleChange,
+            handleClick: handleClick,
+            handleFocus: handleFocus,
+            handleKeyPress: handleKeyPress,
+            handleKeyUp: handleKeyUp,
+            handleMouseEnter: handleMouseEnter,
+            handleMouseLeave: handleMouseLeave,
+            IconWrapper: IconWrapper,
+            handlePressIconPwd: handlePressIconPwd,
+        };
+    }
+    catch (_j) {
+        return {
+            localStatus: status || InputStatus.DEFAULT,
+            inputType: type,
+            _value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined,
+            isShowPwd: false,
+            IconWrapper: CreateIconWrapper,
+        };
+    }
+};
+var CreateIconWrapper = function (_a) {
+    var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onClick = _a.onClick, type = _a.type, _value = _a._value, onClickCloseIconSearch = _a.onClickCloseIconSearch;
+    return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: onClick }),
+        React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
+        _value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: onClickCloseIconSearch, className: hashClass(clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2hvb2svdXNlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVELE9BQU8sRUFBRSxXQUFXLEVBQXFCLFNBQVMsRUFBbUIsTUFBTSw4QkFBOEIsQ0FBQTtBQU16RyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBa0N4QyxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWtCZjtRQWpCUixZQUFZLGtCQUFBLEVBQ1osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBO0lBRVgsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFxQixLQUFLLENBQUMsUUFBUSxDQUFTLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQTlELFFBQU0sUUFBQSxFQUFFLFVBQVEsUUFBOEMsQ0FBQTtRQUMvRCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLGFBQVAsT0FBTyxjQUFQ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

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

@@ -1,4 +1,4 @@
-import Input from './Input';
-export * from './InputEnum';
-export * from './InputProps';
+import Input from '../../components/input/Input';
+export * from '../../components/input/InputEnum';
+export * from '../../components/input/InputProps';
 export { Input };

package/lib/components/input/index.js

@@ -1,5 +1,5 @@
-import Input from './Input';
-export * from './InputEnum';
-export * from './InputProps';
+import Input from '../../components/input/Input';
+export * from '../../components/input/InputEnum';
+export * from '../../components/input/InputProps';
 export { Input };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLDBCQUEwQixDQUFBO0FBRTVDLGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYywrQkFBK0IsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

package/lib/components/link/Link.js

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../services/classify';
 import { Icon, IconSize } from '../../components/icon';
 import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Link Component
  * @param children {React.ReactNode} Content children for Link
@@ -26,12 +25,11 @@ import { useTrilogyContext } from '../../context';
  */
 var Link = function (_a) {
     var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, title = _a.title, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('link', iconName && has('icon'), inverted && is('inverted'), className));
+    var classes = hashClass(clsx('link', iconName && has('icon'), inverted && is('inverted'), className));
     if (routerLink && to) {
         var RouterLink_1 = (routerLink ? routerLink : 'a');
         var RouterLinkTrilogy = function () {
-            return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
+            return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(clsx(classes)), to: to || '' }, (blank && {
                 target: '_blank',
             }), others), children));
         };
@@ -47,4 +45,4 @@ var Link = function (_a) {
     return React.createElement(LinkTrilogy, null);
 };
 export default Link;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWNZO0lBYlYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxzSUFjQyxDQURVO0lBRWYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9HLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFlBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFFdkUsSUFBTSxpQkFBaUIsR0FBRztZQUN4QixPQUFPLENBQ0wsb0JBQUMsWUFBVSxhQUNULEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQzNDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUNSLENBQUMsS0FBSyxJQUFJO2dCQUNaLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELE9BQU8sb0JBQUMsaUJBQWlCLE9BQUcsQ0FBQTtLQUM3QjtJQUVELElBQU0sV0FBVyxHQUFHO1FBQ2xCLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osSUFBSSxFQUFFLElBQUksSUFDTixDQUFDLEtBQUssSUFBSTtZQUNaLE1BQU0sRUFBRSxRQUFRO1NBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNWO1lBQ0Usa0NBQU8sUUFBUSxDQUFRO1lBQ3ZCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQzdDLENBQ0osQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDQyxDQUNMLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLG9CQUFDLFdBQVcsT0FBRyxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBY0Y7SUFiVixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLGtCQUFrQix3QkFBQSxFQUNsQixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWJHLHNJQWNiLENBRFU7SUFFVCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RyxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxZQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBRXZFLElBQU0saUJBQWlCLEdBQUc7WUFDeEIsT0FBTyxDQUNMLG9CQUFDLFlBQVUsYUFDVCxFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQ25DLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUNSLENBQUMsS0FBSyxJQUFJO2dCQUNaLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELE9BQU8sb0JBQUMsaUJBQWlCLE9BQUcsQ0FBQTtLQUM3QjtJQUVELElBQU0sV0FBVyxHQUFHO1FBQ2xCLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osSUFBSSxFQUFFLElBQUksSUFDTixDQUFDLEtBQUssSUFBSTtZQUNaLE1BQU0sRUFBRSxRQUFRO1NBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNWO1lBQ0Usa0NBQU8sUUFBUSxDQUFRO1lBQ3ZCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQzdDLENBQ0osQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDQyxDQUNMLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLG9CQUFDLFdBQVcsT0FBRyxDQUFBO0FBQ3hCLENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/list/List.d.ts

@@ -1,10 +1,11 @@
+import { ListProps } from '../../components/list/ListProps';
 import * as React from 'react';
-import { ListProps } from './ListProps';
 /**
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param hasIcon {boolean} If Have icon
+ * @param ordered {boolean} Display ordered list
  */
-declare const List: ({ className, id, children, testId, divider, ...others }: ListProps) => React.JSX.Element;
+declare const List: ({ className, id, children, testId, divider, ordered, ...others }: ListProps) => React.JSX.Element;
 export default List;

package/lib/components/list/List.js

@@ -1,20 +1,20 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has } from '../../services/classify';
 import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { has } from '../../services';
+import * as React from 'react';
 /**
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
  * @param children {React.ReactNode}
  * @param hasIcon {boolean} If Have icon
+ * @param ordered {boolean} Display ordered list
  */
 var List = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
-    return (React.createElement("ul", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
+    var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, ordered = _a.ordered, others = __rest(_a, ["className", "id", "children", "testId", "divider", "ordered"]);
+    var classes = hashClass(clsx('list', divider && has('divider'), className));
+    var Tag = ordered ? 'ol' : 'ul';
+    return (React.createElement(Tag, __assign({ id: id, "data-testid": testId, className: classes }, others), children));
 };
 export default List;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7O0dBS0c7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtFO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFyRCxvREFBdUQsQ0FBRjtJQUN6RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJGLE9BQU8sQ0FDTCxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzVELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUI7Ozs7OztHQU1HO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUEyRTtJQUF6RSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUQsK0RBQWdFLENBQUY7SUFDMUUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzdFLElBQU0sR0FBRyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7SUFFakMsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFBQyxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzdELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/list/List.native.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { ListProps } from "./ListProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { ListProps } from '../../components/list/ListProps';
 /**
  * List Component
  * @param children {React.ReactNode}
+ * @param ordered {boolean} Display ordered list
  */
 declare const List: {
-    ({ children, ...others }: ListProps): JSX.Element;
+    ({ children, ordered, divider, testId, id, ...others }: ListProps): JSX.Element;
     displayName: ComponentName;
 };
 export default List;

package/lib/components/list/List.native.js

@@ -1,15 +1,19 @@
-import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { View } from "../../components/view";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { ListContext } from '../../components/list/context';
+import * as React from 'react';
+import { View } from 'react-native';
 /**
  * List Component
  * @param children {React.ReactNode}
+ * @param ordered {boolean} Display ordered list
  */
 var List = function (_a) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    return React.createElement(View, __assign({}, others), children);
+    var children = _a.children, _b = _a.ordered, ordered = _b === void 0 ? false : _b, _c = _a.divider, divider = _c === void 0 ? false : _c, testId = _a.testId, id = _a.id, others = __rest(_a, ["children", "ordered", "divider", "testId", "id"]);
+    var _d = __read(React.useState([]), 2), chilIndexes = _d[0], setChildIndexes = _d[1];
+    return (React.createElement(ListContext.Provider, { value: { ordered: ordered, divider: divider, chilIndexes: chilIndexes, setChildIndexes: setChildIndexes } },
+        React.createElement(View, __assign({ testID: testId }, others), children)));
 };
 List.displayName = ComponentName.List;
 export default List;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBa0M7SUFBaEMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDakMsT0FBTyxvQkFBQyxJQUFJLGVBQUssTUFBTSxHQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzVDLENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkM7Ozs7R0FJRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBZ0Y7SUFBOUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLEVBQWYsT0FBTyxtQkFBRyxLQUFLLEtBQUEsRUFBRSxlQUFlLEVBQWYsT0FBTyxtQkFBRyxLQUFLLEtBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQW5FLGtEQUFxRSxDQUFGO0lBQ3pFLElBQUEsS0FBQSxPQUFpQyxLQUFLLENBQUMsUUFBUSxDQUFXLEVBQUUsQ0FBQyxJQUFBLEVBQTVELFdBQVcsUUFBQSxFQUFFLGVBQWUsUUFBZ0MsQ0FBQTtJQUVuRSxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxlQUFlLGlCQUFBLEVBQUU7UUFDN0Usb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLElBQU0sTUFBTSxHQUM3QixRQUFRLENBQ0osQ0FDYyxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/list/ListProps.d.ts

@@ -7,4 +7,5 @@ import { CommonProps } from '../../objects/facets/CommonProps';
 export interface ListProps extends Accessibility, Dev, CommonProps {
     children?: ReactNode;
     divider?: boolean;
+    ordered?: boolean;
 }

package/lib/components/list/ListPropsDefaults.js

@@ -21,6 +21,14 @@ export default {
       "true"
     ]
   },
+  "ordered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
   "accessibilityLabel": {
     "type": "string",
     "values": [

package/lib/components/list/context/ListContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ListContextProps } from './ListContextProps';
+export declare const ListContext: React.Context<ListContextProps>;

package/lib/components/list/context/ListContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export var ListContext = React.createContext({
+    divider: false,
+    ordered: false,
+    chilIndexes: [],
+    setChildIndexes: function () { return ['']; },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdENvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9MaXN0Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFtQjtJQUMvRCxPQUFPLEVBQUUsS0FBSztJQUNkLE9BQU8sRUFBRSxLQUFLO0lBQ2QsV0FBVyxFQUFFLEVBQUU7SUFDZixlQUFlLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRSxDQUFDLEVBQUosQ0FBSTtDQUM1QixDQUFDLENBQUEifQ==

package/lib/components/list/context/ListContextProps.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ListContextProps {
+    divider: boolean;
+    ordered: boolean;
+    chilIndexes: string[];
+    setChildIndexes: React.Dispatch<React.SetStateAction<string[]>>;
+}

package/lib/components/list/context/ListContextProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdENvbnRleHRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9jb250ZXh0L0xpc3RDb250ZXh0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/list/context/ListContextPropsDefaults.js

@@ -0,0 +1,24 @@
+export default {
+  "divider": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "ordered": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "chilIndexes": {
+    "type": "string",
+    "values": []
+  },
+  "setChildIndexes": {
+    "type": "string",
+    "values": []
+  }
+};

package/lib/components/list/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListContext';
+export * from './ListContextProps';

package/lib/components/list/context/index.js

@@ -0,0 +1,3 @@
+export * from './ListContext';
+export * from './ListContextProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLG9CQUFvQixDQUFBIn0=

package/lib/components/list/item/ListItem.js

@@ -1,10 +1,9 @@
-import clsx from 'clsx';
-import * as React from 'react';
-import { useTrilogyContext } from '../../../context';
+import { Icon, IconSize } from '../../../components/icon';
 import { hashClass } from '../../../helpers';
 import { getColorClassName, TrilogyColor } from '../../../objects';
 import { is } from '../../../services';
-import { Icon, IconSize } from '../../../components/icon';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * ListItem Component
  * @param className {string} Additionnal CSS Classes
@@ -14,11 +13,10 @@ import { Icon, IconSize } from '../../../components/icon';
  */
 var ListItem = function (_a) {
     var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
-    var styled = useTrilogyContext().styled;
     var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
-    return (React.createElement("li", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+    return (React.createElement("li", { id: id, className: hashClass(clsx(classes)), "data-testid": testId },
         iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
-        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
+        React.createElement("div", { className: hashClass(clsx('list-item-content')) }, children)));
 };
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUFvRTtRQUFsRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDbkUsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFbkcsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsaUJBQWUsTUFBTTtRQUNqRSxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDdEUsSUFBSSxFQUFFLFFBQW9CLEVBQzFCLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUNwQixDQUNIO1FBQ0QsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUNuRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/list/item/ListItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { ListItemProps } from './ListItemProps';
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
 /**
  * ListItem Component
  * @param children {React.ReactNode}

package/lib/components/list/item/ListItem.native.js

@@ -1,8 +1,10 @@
+import { __read, __spreadArray } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon } from '../../../components/icon';
+import { ListContext } from '../../../components/list/context';
 import { Text, TextLevels } from '../../../components/text';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import React, { useMemo } from 'react';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
+import React, { useContext, useEffect, useId, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 /**
  * ListItem Component
@@ -12,6 +14,12 @@ import { StyleSheet, View } from 'react-native';
  */
 var ListItem = function (_a) {
     var children = _a.children, status = _a.status, iconName = _a.iconName;
+    var id = useId();
+    var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
+    var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
+    useEffect(function () {
+        setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
+    }, [id]);
     var styles = StyleSheet.create({
         text: {
             paddingHorizontal: 16,
@@ -20,6 +28,8 @@ var ListItem = function (_a) {
             flexDirection: 'row',
             alignItems: 'center',
             paddingVertical: iconName ? 8 : 2,
+            borderBottomWidth: divider && !isLastItem ? 1 : 0,
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
         },
         disc: {
             alignSelf: 'center',
@@ -36,8 +46,12 @@ var ListItem = function (_a) {
             return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
         }
     }, [children]);
-    return (React.createElement(View, { style: styles.content },
-        !iconName && (React.createElement(View, null,
+    return (React.createElement(View, { style: [styles.content] },
+        ordered && !iconName && (React.createElement(View, null,
+            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
+                chilIndexes.indexOf(id) + 1,
+                "."))),
+        !iconName && !ordered && (React.createElement(View, null,
             React.createElement(View, { style: styles.disc }))),
         iconName && (React.createElement(View, null,
             React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
@@ -45,4 +59,4 @@ var ListItem = function (_a) {
 };
 ListItem.displayName = ComponentName.ListItem;
 export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLGlCQUFpQixFQUFFLEVBQUU7U0FDdEI7UUFDRCxPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNwQixlQUFlLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbEM7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixLQUFLLEVBQUUsQ0FBQztZQUNSLE1BQU0sRUFBRSxDQUFDO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxZQUFZLEdBQUcsT0FBTyxDQUFDO1FBQzNCLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUTtZQUFFLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLFFBQVEsQ0FBUSxDQUFBO1FBQ3BGLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7WUFDbEQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFDNUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPO1FBQ3hCLENBQUMsUUFBUSxJQUFJLENBQ1osb0JBQUMsSUFBSTtZQUNILG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUN2QixDQUNSO1FBQ0EsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSTtZQUNILG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFvQixFQUFFLEtBQUssRUFBRSxNQUFNLEdBQUksQ0FDM0QsQ0FDUjtRQUNELG9CQUFDLElBQUksUUFBRSxZQUFZLENBQVEsQ0FDdEIsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQTtJQUNaLElBQUEsS0FBcUQsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUExRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE9BQU8sYUFBNEIsQ0FBQTtJQUNsRixJQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7SUFFN0QsU0FBUyxDQUFDO1FBQ1IsZUFBZSxDQUFDLFVBQUMsSUFBSSxJQUFLLDhDQUFJLElBQUksWUFBRSxFQUFFLFdBQVosQ0FBYSxDQUFDLENBQUE7SUFDMUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVSLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtTQUN0QjtRQUNELE9BQU8sRUFBRTtZQUNQLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNqQyxpQkFBaUIsRUFBRSxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNqRCxpQkFBaUIsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztTQUN2RDtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLENBQUM7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFlBQVksR0FBRyxPQUFPLENBQUM7UUFDM0IsSUFBSSxPQUFPLFFBQVEsS0FBSyxRQUFRO1lBQUUsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsUUFBUSxDQUFRLENBQUE7UUFDcEYsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxRQUFRLENBQUMsRUFBRTtZQUNsRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUM1QyxRQUFRLENBQ0osQ0FDUixDQUFBO1NBQ0Y7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUN2QixvQkFBQyxJQUFJO1lBQ0gsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQztnQkFBRyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUM7b0JBQVMsQ0FDbkYsQ0FDUjtRQUNBLENBQUMsUUFBUSxJQUFJLENBQUMsT0FBTyxJQUFJLENBQ3hCLG9CQUFDLElBQUk7WUFDSCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEdBQUksQ0FDdkIsQ0FDUjtRQUNBLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUk7WUFDSCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBb0IsRUFBRSxLQUFLLEVBQUUsTUFBTSxHQUFJLENBQzNELENBQ1I7UUFDRCxvQkFBQyxJQUFJLFFBQUUsWUFBWSxDQUFRLENBQ3RCLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/list/item/description/ListItemDescription.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+import { ListItemDescriptionProps } from './ListItemDescriptionProps';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const ListItemDescription: ({ children, className, }: ListItemDescriptionProps) => JSX.Element;
+declare const ListItemDescription: ({ children, className }: ListItemDescriptionProps) => JSX.Element;
 export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.js

@@ -1,7 +1,6 @@
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../../helpers";
-import { useTrilogyContext } from "../../../../context";
+import { hashClass } from '../../../../helpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
@@ -10,8 +9,7 @@ import { useTrilogyContext } from "../../../../context";
  */
 var ListItemDescription = function (_a) {
     var children = _a.children, className = _a.className;
-    var styled = useTrilogyContext().styled;
-    return React.createElement("dd", { className: hashClass(styled, clsx(className)) }, children);
+    return React.createElement("dd", { className: hashClass(clsx(className)) }, children);
 };
 export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUNILElBQU0sbUJBQW1CLEdBQUcsVUFBQyxFQUdGO1FBRnpCLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sNEJBQUksU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFNLENBQUE7QUFDM0UsQ0FBQyxDQUFBO0FBRUQsZUFBZSxtQkFBbUIsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7OztHQUtHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBQWlEO1FBQS9DLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUNoRCxPQUFPLDRCQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFNLENBQUE7QUFDbkUsQ0FBQyxDQUFBO0FBRUQsZUFBZSxtQkFBbUIsQ0FBQSJ9

package/lib/components/modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalProps } from './ModalProps';
+import { ModalProps } from '../../components/modal/ModalProps';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal