@trilogy-ds/react 0.0.1-beta-126 → 0.0.1-beta-131

package/lib/components/modal/ModalPropsDefaults.js

@@ -21,14 +21,7 @@ export default {
       "true"
     ]
   },
-  "title": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "content": {
+  "trigger": {
     "type": "react",
     "values": [
       "undefined",
@@ -42,174 +35,7 @@ export default {
       "ReactPortal"
     ]
   },
-  "footer": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "contentClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "footerClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "iconName": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa",
-      "tri-alert",
-      "tri-arrow-down",
-      "tri-arrow-left",
-      "tri-arrow-right",
-      "tri-arrow-up",
-      "tri-bell",
-      "tri-check-circle",
-      "tri-check",
-      "tri-exclamation-circle",
-      "tri-eye-slash",
-      "tri-eye",
-      "tri-infos-circle",
-      "tri-search",
-      "tri-times",
-      "tri-trash",
-      "tri-picto-faciliti",
-      "tri-picto-handicapzero",
-      "tri-picto-la-fibre",
-      "tri-picto-payment-americanexpress",
-      "tri-picto-payment-cb",
-      "tri-picto-payment-mastercard",
-      "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
-    ]
-  },
-  "iconColor": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "ACCENT",
-      "NEUTRAL",
-      "SUCCESS",
-      "ERROR",
-      "INFO",
-      "WARNING",
-      "MAIN",
-      "BACKGROUND",
-      "ACCENT",
-      "NEUTRAL",
-      "WHITE",
-      "BACKGROUND"
-    ]
-  },
-  "triggerContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "triggerClassNames": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "triggerMarkup": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "a",
-      "button",
-      "div",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "p",
-      "span",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "p",
-      "span",
-      "div",
-      "button",
-      "a"
-    ]
-  },
-  "ctaContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "ctaCancelContent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "closeIcon": {
+  "hideCloseButton": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -217,20 +43,6 @@ export default {
       "true"
     ]
   },
-  "ctaOnClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
-  },
-  "ctaCancelOnClick": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "ClickEvent"
-    ]
-  },
   "onClose": {
     "type": "function",
     "values": [
@@ -284,15 +96,16 @@ export default {
       "true"
     ]
   },
-  "clipped": {
-    "type": "boolean",
+  "size": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "small",
+      "medium",
+      "large"
     ]
   },
-  "fullwidth": {
+  "clipped": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -313,5 +126,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/modal/body/ModalBody.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ModalBodyProps } from './ModalBodyProps';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param id
+ */
+declare const ModalBody: ({ children, className, id }: ModalBodyProps) => JSX.Element;
+export default ModalBody;

package/lib/components/modal/body/ModalBody.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param id
+ */
+var ModalBody = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('modal-body', className)) }, children));
+};
+export default ModalBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L01vZGFsQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBMkM7UUFBekMsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBO0lBQ2xDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/modal/body/ModalBody.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ModalBodyProps } from './ModalBodyProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * @param others
+ */
+declare const ModalBody: {
+    ({ children, ...others }: ModalBodyProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ModalBody;

package/lib/components/modal/body/ModalBody.native.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { View } from '../../../components/view';
+var styles = {
+    position: 'sticky',
+    bottom: 0,
+    width: '100%',
+    textAlign: 'right',
+    padding: 16,
+};
+/**
+ * Modal Footer Component
+ * @param children {React.ReactNode}
+ * @param others
+ */
+var ModalBody = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    return (React.createElement(View, __assign({}, others, { style: styles }), children));
+};
+ModalBody.displayName = ComponentName.ModalBody;
+export default ModalBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLE1BQU07SUFDYixTQUFTLEVBQUUsT0FBTztJQUNsQixPQUFPLEVBQUUsRUFBRTtDQUNaLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QztJQUFyQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN0QyxPQUFPLENBQ0wsb0JBQUMsSUFBSSxlQUFLLE1BQU0sSUFBRSxLQUFLLEVBQUUsTUFBTSxLQUM1QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/modal/body/ModalBodyProps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Modal Footer Interface
+ */
+export interface ModalBodyProps extends CommonProps {
+    children: React.ReactNode;
+}

package/lib/components/modal/body/ModalBodyProps.js

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

package/lib/components/modal/body/ModalBodyPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/modal/footer/ModalFooter.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ModalFooterProps } from "./ModalFooterProps";
+import { ModalFooterProps } from './ModalFooterProps';
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
+ * @param id
  */
-declare const ModalFooter: ({ children, className, }: ModalFooterProps) => JSX.Element;
+declare const ModalFooter: ({ children, className, id }: ModalFooterProps) => JSX.Element;
 export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.js

@@ -1,17 +1,18 @@
-import * as React from "react";
-import { hashClass } from "../../../helpers";
-import clsx from "clsx";
-import { useTrilogyContext } from "../../../context";
+import * as React from 'react';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
 /**
  * Modal Footer Component
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
+ * @param id
  */
 var ModalFooter = function (_a) {
-    var children = _a.children, className = _a.className;
+    var children = _a.children, className = _a.className, id = _a.id;
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { className: hashClass(styled, clsx("modal-footer", className)) }, children));
+    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('modal-footer', className)) }, children));
 };
 export default ModalFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7OztHQUtHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUdGO1FBRmpCLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQy9ELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFdBQVcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBNkM7UUFBM0MsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDdkUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/modal/footer/ModalFooterProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Modal Footer Interface
  */
-export interface ModalFooterProps {
+export interface ModalFooterProps extends CommonProps {
     children: React.ReactNode;
-    className?: string;
 }

package/lib/components/modal/footer/ModalFooterPropsDefaults.js

@@ -13,6 +13,13 @@ export default {
       "ReactPortal"
     ]
   },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "className": {
     "type": "string",
     "values": [

package/lib/components/modal/{title/ModalTitle.d.ts → header/ModalHeader.d.ts}

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { ModalTitleProps } from './ModalTitleProps';
+import { ModalHeaderProps } from './ModalHeaderProps';
 /**
  * Modal Title Component
  * @param children {string}
  * @param iconName {IconName} IconName for icon title
- * @param iconColor {IconColor} IconColor for icon title
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
  */
-declare const ModalTitle: ({ children, className, iconColor, iconName, ...others }: ModalTitleProps) => JSX.Element;
-export default ModalTitle;
+declare const ModalHeader: ({ children, className, id, ...others }: ModalHeaderProps) => JSX.Element;
+export default ModalHeader;

package/lib/components/modal/header/ModalHeader.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Modal Title Component
+ * @param children {string}
+ * @param iconName {IconName} IconName for icon title
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ */
+var ModalHeader = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('modal-header', className)) }, others), children));
+};
+export default ModalHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxIZWFkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2hlYWRlci9Nb2RhbEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXdEO0lBQXRELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUNuRixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/modal/header/ModalHeader.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ModalHeaderProps } from './ModalHeaderProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Modal Title Component
+ * @param children {string}
+ * @param iconName {IconName} IconName for icon title
+ */
+declare const ModalHeader: {
+    ({ children, ...others }: ModalHeaderProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ModalHeader;

package/lib/components/modal/header/ModalHeader.native.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { View } from '../../../components/view';
+var styles = {
+    padding: 8,
+    position: 'sticky',
+    top: '0px',
+    width: '100%',
+};
+/**
+ * Modal Title Component
+ * @param children {string}
+ * @param iconName {IconName} IconName for icon title
+ */
+var ModalHeader = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    return (React.createElement(View, __assign({ style: styles }, others), children));
+};
+ModalHeader.displayName = ComponentName.ModalHeader;
+export default ModalHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxIZWFkZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9oZWFkZXIvTW9kYWxIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLE1BQU0sR0FBRztJQUNiLE9BQU8sRUFBRSxDQUFDO0lBQ1YsUUFBUSxFQUFFLFFBQVE7SUFDbEIsR0FBRyxFQUFFLEtBQUs7SUFDVixLQUFLLEVBQUUsTUFBTTtDQUNkLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUF5QztJQUF2QyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUN4QyxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLElBQU0sTUFBTSxHQUM1QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/modal/header/ModalHeaderProps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Modal Title Interface
+ */
+export interface ModalHeaderProps extends CommonProps {
+    children?: React.ReactNode;
+}

package/lib/components/modal/header/ModalHeaderProps.js

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

package/lib/components/modal/header/ModalHeaderPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -1,5 +1,6 @@
 import Modal from './Modal';
 import ModalFooter from './footer/ModalFooter';
-import ModalTitle from './title/ModalTitle';
+import ModalBody from './body/ModalBody';
+import ModalHeader from './header/ModalHeader';
 export * from './ModalEnum';
-export { Modal, ModalFooter, ModalTitle };
+export { Modal, ModalBody, ModalFooter, ModalHeader };

package/lib/components/modal/index.js

@@ -1,6 +1,7 @@
 import Modal from './Modal';
 import ModalFooter from './footer/ModalFooter';
-import ModalTitle from './title/ModalTitle';
+import ModalBody from './body/ModalBody';
+import ModalHeader from './header/ModalHeader';
 export * from './ModalEnum';
-export { Modal, ModalFooter, ModalTitle };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUzQyxjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
+export { Modal, ModalBody, ModalFooter, ModalHeader };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQTtBQUN4QyxPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5QyxjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==

package/lib/components/otp/Otp.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { OtpProps } from "./OtpProps";
+import { OtpProps } from './OtpProps';
 /**
  * OTP Code Component
- * @param code {string} Code Text Input
- * @param codeSize {number} Code Size Number
+ * @param value {string} Code Text Input
+ * @param length {number} Code Size Number
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
@@ -11,9 +11,9 @@ import { OtpProps } from "./OtpProps";
  * @param onFocus {Function} onFocus return if focused opt
  * @param autoFocus {boolean} Should auto focus otp
  * @param label {string} Label for OTP
- * @param errorMessage {string} error message to display
+ * @param help {string} error message to display
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
  */
-declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
+declare const Otp: ({ className, id, value, length, disabled, error, onCompleted, onChange, onFocus, label, help, autoFocus, ...others }: OtpProps) => JSX.Element;
 export default Otp;