@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

package/lib/components/card/content/CardContent.native.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../../components/title';
-import { Button } from '../../../components/button';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { CardContext } from '../../../components/card/Card.native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import React, { useContext } from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Title, TitleLevels } from "../../../components/title";
+import { Button } from "../../../components/button";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { CardContext } from "../../../components/card/Card.native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
@@ -19,15 +19,8 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param others
  */
 var CardContent = function (_a) {
-    var children = _a.children, others = __rest(_a, ["children"]);
+    var children = _a.children, titleSup = _a.titleSup, title = _a.title, text = _a.text, buttonText = _a.buttonText, buttonClick = _a.buttonClick, buttonVariant = _a.buttonVariant, onClick = _a.onClick, others = __rest(_a, ["children", "titleSup", "title", "text", "buttonText", "buttonClick", "buttonVariant", "onClick"]);
     var cardContextValues = useContext(CardContext);
-    var titleSup = 'titleSup';
-    var title = 'title';
-    var buttonText = 'buttonText';
-    var buttonVariant = 'CONVERSION';
-    var buttonClick = function () { return null; };
-    var text = 'text';
-    var onClick = function () { return null; };
     var styles = StyleSheet.create({
         card: {
             paddingTop: 16,
@@ -38,7 +31,7 @@ var CardContent = function (_a) {
             flex: cardContextValues.horizontal ? 1 : 0,
         },
         view: {
-            width: '100%',
+            width: "100%",
         },
         text: {
             color: getColorStyle(TrilogyColor.MAIN),
@@ -51,13 +44,13 @@ var CardContent = function (_a) {
     if (children) {
         if (onClick) {
             return (React.createElement(View, { style: styles.card },
-                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
+                React.createElement(TouchableOpacity, { style: { width: "100%", paddingBottom: 16 }, onPress: onClick }, children)));
         }
         return (React.createElement(View, __assign({ style: styles.card }, others), children));
     }
     var cardContent = (React.createElement(View, __assign({ style: styles.card }, others),
-        titleSup && (React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup)),
-        title && (React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title)),
+        titleSup && React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup),
+        title && React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title),
         text && (React.createElement(React.Fragment, null,
             React.createElement(View, { style: { marginBottom: 16 } }),
             React.createElement(Text, { style: styles.text }, text))),
@@ -65,8 +58,8 @@ var CardContent = function (_a) {
             React.createElement(View, { style: { marginBottom: 16 } }),
             React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId: 'button-id' }, buttonText)))));
     return onClick ? (React.createElement(View, { style: styles.view },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
+        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
 };
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDeEMsSUFBTSxpQkFBaUIsR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFakQsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzNCLElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQTtJQUNyQixJQUFNLFVBQVUsR0FBRyxZQUFZLENBQUE7SUFDL0IsSUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLElBQU0sV0FBVyxHQUFHLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFBO0lBQzlCLElBQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQTtJQUNuQixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFVRjtJQVRqQixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FUVSxrR0FVcEIsQ0FEVTtJQUVULElBQU0saUJBQWlCLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osVUFBVSxFQUFFLEVBQUU7WUFDZCxXQUFXLEVBQUUsRUFBRTtZQUNmLFlBQVksRUFBRSxFQUFFO1lBQ2hCLGFBQWEsRUFB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

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,9 +1,25 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects';
-import { CommonProps } from '../../../objects/facets/CommonProps';
+import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from '../../../components/button/ButtonEnum';
+import { TextLevelValues } from '../../../components/text/TextEnum';
+import { TitleLevels, TitleLevelValues } from '../../../components/title/TitleEnum';
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { Accessibility, Clickable, Dev, TrilogyColor } from '../../../objects';
 /**
  * Card Content Interface
  */
-export interface CardContentProps extends Accessibility, CommonProps {
+export interface CardContentProps extends Clickable, Accessibility, Dev {
     children?: React.ReactNode;
+    titleSup?: string;
+    titleSupLevel?: TextLevelValues;
+    title?: string;
+    titleLevel?: TitleLevels | TitleLevelValues;
+    buttonText?: string;
+    text?: string;
+    textLevel?: TextLevelValues;
+    buttonVariant?: ButtonVariant | ButtonVariantValues;
+    buttonClick?: ClickEvent;
+    className?: string;
+    buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
+    onClick?: ClickEvent;
+    backgroundColor?: TrilogyColor.BACKGROUND | 'transparent';
 }

package/lib/components/card/content/CardContentPropsDefaults.js

@@ -13,25 +13,133 @@ export default {
       "ReactPortal"
     ]
   },
-  "accessibilityLabel": {
+  "titleSup": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "titleSupLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "titleLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4,
+      5,
+      6
+    ]
+  },
+  "buttonText": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
+  "text": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "textLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
+  "buttonVariant": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CONVERSION",
+      "PRIMARY",
+      "SECONDARY",
+      "GHOST",
+      "CONVERSION",
+      "PRIMARY",
+      "SECONDARY",
+      "GHOST"
+    ]
+  },
+  "buttonClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
   "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
+  },
+  "buttonMarkup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "a",
+      "button",
+      "input",
+      "button",
+      "input",
+      "a"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "WHITE",
+      "transparent"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/card/image/CardImage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardImageProps } from './CardImageProps';
+import { CardImageProps } from "./CardImageProps";
 /**
  * Card Image Component
  * @param src Image source
@@ -11,5 +11,5 @@ import { CardImageProps } from './CardImageProps';
  * - -------------------------- WEB PROPERTIES ----------------------------------
  * @param className Additionnal CSS Classes
  */
-declare const CardImage: ({ src, alt, className, id, size, onClick, ...others }: CardImageProps) => JSX.Element;
+declare const CardImage: ({ src, alt, className, size, onClick, ...others }: CardImageProps) => JSX.Element;
 export default CardImage;

package/lib/components/card/image/CardImage.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Card Image Component
  * @param src Image source
@@ -16,16 +16,16 @@ import { useTrilogyContext } from '../../../context';
  * @param className Additionnal CSS Classes
  */
 var CardImage = function (_a) {
-    var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
+    var src = _a.src, alt = _a.alt, className = _a.className, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "size", "onClick"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
-    return (React.createElement("div", { id: id, onClick: function (e) {
+    var classes = hashClass(styled, clsx("card-image", size && is("".concat(size)), className));
+    return (React.createElement("div", { onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes },
-        React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
-            React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
+        React.createElement("figure", __assign({ className: hashClass(styled, clsx("image")) }, others),
+            React.createElement("img", __assign({}, { src: typeof src === "string" ? src : "" }, { alt: alt })))));
 };
 export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBcUU7SUFBbkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQW5ELG9EQUFxRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFPRjtJQU5mLElBQUEsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsU0FBUyxlQUFBLEVBQ1QsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ0osTUFBTSxjQU5RLDhDQU9sQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDckQsQ0FBQTtJQUVELE9BQU8sQ0FDTCw2QkFDRSxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsaURBQWlEO1lBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU87UUFFbEIseUNBQVEsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQU0sTUFBTTtZQUM3RCx3Q0FBUyxFQUFFLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBRyxDQUMxRCxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/card/image/CardImageProps.d.ts

@@ -1,12 +1,12 @@
 import { Clickable } from '../../../objects';
 import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
-import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Card Image Interface
  */
-export interface CardImageProps extends Clickable, CommonProps {
+export interface CardImageProps extends Clickable {
     src: string | number;
     size?: CardImageSize | CardImageSizeValues;
+    className?: string;
     alt?: string;
     contain?: boolean;
 }

package/lib/components/card/image/CardImagePropsDefaults.js

@@ -20,6 +20,13 @@ export default {
       "4"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "alt": {
     "type": "string",
     "values": [
@@ -41,19 +48,5 @@ export default {
       "undefined",
       "ClickEvent"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
+import { CheckboxProps } from "./CheckboxProps";
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -7,11 +7,18 @@ import { CheckboxProps } from './CheckboxProps';
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
  * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param children {React.ReactNode}
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * @param horizontalTile {boolean} display horizontal Checkbox tile
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
  * @param className {string} Additionnal css classes (ONLY FOR WEB)
  */
-declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, testId, ...others }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -1,9 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import React, { useEffect, useState } from "react";
+import shortid from "shortid";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { Icon, IconSize } from "../../components/icon";
+import { is } from "../../services";
+import { useTrilogyContext } from "../../context";
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -11,14 +13,21 @@ import { useTrilogyContext } from '../../context';
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
  * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param children {React.ReactNode}
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * @param horizontalTile {boolean} display horizontal Checkbox tile
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
  * @param className {string} Additionnal css classes (ONLY FOR WEB)
  */
 var Checkbox = function (_a) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "testId"]);
     var styled = useTrilogyContext().styled;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     useEffect(function () {
@@ -26,9 +35,39 @@ var Checkbox = function (_a) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('checkbox', className)), tabIndex: 0 },
-        React.createElement("input", __assign({ "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
-        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label)));
+    return (React.createElement("div", { className: hashClass(styled, clsx(tile ? "checkbox-tile" : "checkbox", horizontalTile && is("horizontal"), className)), tabIndex: 0 },
+        React.createElement("input", __assign({ "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) {
+                return e;
+            }, onClick: function (e) {
+                var target = e.target;
+                if (!readonly && target.checked !== undefined) {
+                    setChecked(target.checked);
+                }
+                target.value = value || "";
+                if (onChange) {
+                    onChange({
+                        checkboxId: target.id,
+                        checkboxValue: target.value,
+                        checkboxName: target.name,
+                        checkboxChecked: target.checked,
+                    });
+                }
+                if (onClick) {
+                    onClick({
+                        checkboxId: target.id,
+                        checkboxValue: target.value,
+                        checkboxName: target.name,
+                        checkboxChecked: target.checked,
+                    });
+                }
+            } }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("checkbox-label")) },
+            iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
+            horizontalTile ? (React.createElement("span", null,
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))) : (React.createElement(React.Fragment, null,
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))))));
 };
 export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVdGO0lBVmQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVk8sNEZBV2pCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ3pFLHdEQUNnQixPQUFPLEVBQ3JCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWlCRjtJQWhCZCxJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWhCTyxzS0FpQmpCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxR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

package/lib/components/checkbox/Checkbox.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { CheckboxProps } from "./CheckboxProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -11,9 +11,14 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * @param horizontalTile {boolean} display horizontal Checkbox tile
  */
 declare const Checkbox: {
-    ({ id, checked, name, onChange, disabled, readonly, label, }: CheckboxProps): JSX.Element;
+    ({ id, checked, name, onClick, onChange, disabled, readonly, label, tile, description, iconTile, horizontalTile, testId }: CheckboxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Checkbox;