@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/components/card/Card.js

@@ -1,44 +1,39 @@
-import React, { useEffect, useState } from 'react';
+import { __assign, __rest } from "tslib";
+import React, { createContext } from 'react';
 import clsx from 'clsx';
-import { CardMarkup } from './CardProps';
 import { is } from '../../services/classify';
-import { getAlignClassName } from '../../objects';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+export var CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
+ * @param backgroundColor {TrilogyColor} Card Background Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
- * @param children {React.ReactNode}
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param active {boolean} Activated card
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
- * @param to {string} Card link
  * @param fullheight
- * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
  */
-const Card = ({ className, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }) => {
-    const [isLoading, setIsLoading] = useState(skeleton || false);
-    const { styled } = useTrilogyContext();
-    useEffect(() => {
-        setIsLoading(skeleton || false);
-    }, [skeleton]);
-    const hoverStyle = {
+var Card = function (_a) {
+    var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
+    var styled = useTrilogyContext().styled;
+    var hoverStyle = {
         cursor: 'pointer',
     };
-    const classes = hashClass(styled, clsx('card', flat && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && is('floating'), align && is(getAlignClassName(align)), justify && is(justify), isLoading ? is('loading') : is('loaded'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
-    if (markup === CardMarkup.A) {
-        return (React.createElement("a", { "data-testid": testId, href: to, onClick: (e) => {
+    var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    if (href) {
+        return (React.createElement("a", __assign({ id: id, href: href, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
-            }, ...others, className: classes }));
+            } }, others, { className: classes })));
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: onClick && onClick, className: classes, ...others, style: onClick && { ...hoverStyle } }));
+    return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
 };
 export default Card;
-//# sourceMappingURL=Card.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhWTtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWlgsd0hBYUMsQ0FEVTtJQUdmLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsU0FBUztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sQ0FDTCxvQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsT0FBTyxpQkFBUyxVQUFVLENBQUUsSUFDL0IsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/card/Card.native.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { CardProps } from './CardProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 export declare const CardContext: React.Context<{
     floating: boolean;
-    backgroundColor: string;
+    backgroundColor: {};
     horizontal: boolean;
     reversed: boolean;
     active: boolean;
@@ -17,13 +17,13 @@ export declare const CardContext: React.Context<{
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
- * @param backgroundColor
+ * @param backgroundColor {TrilogyColor} Card Background Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
 declare const Card: {
-    ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor, reversed, fullheight, active, ...others }: CardProps): JSX.Element;
+    ({ children, flat, horizontal, floating, onClick, skeleton, reversed, fullheight, active, ...others }: CardProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Card;

package/lib/components/card/Card.native.js

@@ -1,9 +1,17 @@
+import { __assign, __rest } from "tslib";
 import React, { createContext } from 'react';
-import { StyleSheet, TouchableOpacity, View, Platform } from 'react-native';
+import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import ContentLoader, { Rect } from 'react-content-loader/native';
-import { ComponentName } from '../enumsComponentsName';
-export const CardContext = createContext({ floating: false, backgroundColor: '', horizontal: false, reversed: false, active: false });
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+export var CardContext = createContext({
+    floating: false,
+    backgroundColor: '' || {},
+    horizontal: false,
+    reversed: false,
+    active: false,
+});
 /**
  * Card Component
  * @param flat Adding border for Card content
@@ -13,22 +21,25 @@ export const CardContext = createContext({ floating: false, backgroundColor: '',
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
- * @param backgroundColor
+ * @param backgroundColor {TrilogyColor} Card Background Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor = TrilogyColor.WHITE, reversed, fullheight, active, ...others }) => {
-    const borderColor = '#ccc';
-    const cardRadius = 6;
-    const styles = StyleSheet.create({
+var Card = function (_a) {
+    var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active"]);
+    var borderColor = '#ccc';
+    var cardRadius = 6;
+    var styles = StyleSheet.create({
         card: {
             width: '100%',
             minHeight: 100,
-            borderWidth: flat && 1 || active && 2 || 0,
-            borderColor: flat && borderColor || active && getColorStyle(TrilogyColor.SECONDARY) || 'transparent',
+            borderWidth: (flat && 1) || (active && 2) || 0,
+            borderColor: (flat && borderColor) ||
+                (active && getColorStyle(TrilogyColor.MAIN)) ||
+                (active === false && getColorStyle(TrilogyColor.NEUTRAL)) ||
+                'transparent',
             borderRadius: cardRadius,
-            backgroundColor: backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0.0)' : getColorStyle(TrilogyColor.WHITE),
             flex: fullheight ? 1 : 0,
         },
         horizontal: {
@@ -43,7 +54,6 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
             elevation: 5,
         },
         contentHorizontal: {
-            backgroundColor: 'red',
             borderWidth: 2,
             margin: 2,
             padding: 10,
@@ -52,7 +62,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
         skeleton: {
             width: '100%',
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             overflow: 'hidden',
             borderRadius: cardRadius,
         },
@@ -60,39 +70,41 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
             flexDirection: 'column-reverse',
         },
     });
-    const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
+    var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
         React.createElement(View, { style: { opacity: 0 } }, children),
         Platform.OS === 'android' && (React.createElement(View, null,
-            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
-    let cardView;
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
+    var cardView;
     if (skeleton) {
         return React.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-        cardView = React.createElement(View, { style: [styles.horizontal, styles.card] }, children);
+        cardView = (React.createElement(View, { style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
     }
     else if (reversed) {
-        cardView = React.createElement(View, { style: [styles.reversed, styles.card] }, children);
+        cardView = (React.createElement(View, { style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
     }
     else {
-        cardView = (React.createElement(View, { style: [styles.card], ...others }, children));
+        cardView = (React.createElement(View, __assign({ style: [styles.card] }, others), children));
     }
-    return onClick ? (React.createElement(CardContext.Provider, { value: {
-            floating: floating || false,
-            backgroundColor: backgroundColor || 'white',
-            horizontal: horizontal || false,
-            reversed: reversed || false,
-            active: active || false
-        } },
-        React.createElement(View, { style: { width: '100%' } },
-            React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView)))) : (React.createElement(CardContext.Provider, { value: {
-            floating: floating || false,
-            backgroundColor: backgroundColor || 'white',
-            horizontal: horizontal || false,
-            reversed: reversed || false,
-            active: active || false
-        } }, cardView));
+    return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: 'white',
+                horizontal: horizontal || false,
+                reversed: reversed || false,
+                active: active || false,
+            } },
+            React.createElement(View, { style: { width: '100%' } },
+                React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: 'white',
+                horizontal: horizontal || false,
+                reversed: reversed || false,
+                active: active || false,
+            } }, cardView)));
 };
 Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=Card.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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

package/lib/components/card/CardProps.d.ts

@@ -1,27 +1,18 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Fullheight, TrilogyColor } from '../../objects';
-import { AlignableProps } from '../../objects/facets/Alignable';
-import { JustifiableProps } from '../../objects/facets/Justifiable';
+import { Accessibility, Clickable, Fullheight } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Card Interface
  */
-export declare enum CardMarkup {
-    DIV = "div",
-    A = "a"
-}
-export type CardMarkupValues = keyof typeof CardMarkup;
-export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility {
+export interface CardProps extends Fullheight, Clickable, Accessibility, CommonProps {
     children?: React.ReactNode;
     flat?: boolean;
     horizontal?: boolean;
     floating?: boolean;
     skeleton?: boolean;
-    className?: string;
     onClick?: ClickEvent;
-    markup?: CardMarkup | CardMarkupValues;
-    backgroundColor?: TrilogyColor.WHITE | 'transparent';
     reversed?: boolean;
-    to?: string;
+    href?: string;
     active?: boolean;
 }

package/lib/components/card/CardProps.js

@@ -1,9 +1,2 @@
-/**
- * Card Interface
- */
-export var CardMarkup;
-(function (CardMarkup) {
-    CardMarkup["DIV"] = "div";
-    CardMarkup["A"] = "a";
-})(CardMarkup || (CardMarkup = {}));
-//# sourceMappingURL=CardProps.js.map
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL0NhcmRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/card/CardPropsDefaults.js

@@ -0,0 +1,107 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "flat": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "horizontal": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "floating": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "skeleton": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "reversed": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "href": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullheight": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -4,18 +4,8 @@ import { CardContentProps } from './CardContentProps';
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
  * @param titleSup {string} Add a sup title
- * @param titleSupLevel {TextLevels} Sup title level
- * @param title {string} Add a title
- * @param titleLevel {TitleLevels} Title level
- * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
- * @param buttonClick {Function} Click event for Button
- * @param text {string} Content text of Card
- * @param textLevel {TextLevels} Text level
- * @param onClick {Function} onClick Event for all content
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param buttonMarkup {ButtonMarkup} if Button, can change the button tag
  */
-declare const CardContent: ({ children, className, titleSup, titleSupLevel, title, titleLevel, buttonText, buttonMarkup, buttonVariant, buttonClick, text, textLevel, onClick, testId, ...others }: CardContentProps) => JSX.Element;
+declare const CardContent: ({ children, className, id, ...others }: CardContentProps) => JSX.Element;
 export default CardContent;

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

@@ -1,41 +1,19 @@
-import React from 'react';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import { Title, TitleLevels } from '../../title';
-import { Text } from '../../text';
-import { Button, ButtonMarkup } from '../../button';
 import { hashClass } from '../../../helpers';
 import { useTrilogyContext } from '../../../context';
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
  * @param titleSup {string} Add a sup title
- * @param titleSupLevel {TextLevels} Sup title level
- * @param title {string} Add a title
- * @param titleLevel {TitleLevels} Title level
- * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
- * @param buttonClick {Function} Click event for Button
- * @param text {string} Content text of Card
- * @param textLevel {TextLevels} Text level
- * @param onClick {Function} onClick Event for all content
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param buttonMarkup {ButtonMarkup} if Button, can change the button tag
  */
-const CardContent = ({ children, className, titleSup, titleSupLevel, title, titleLevel, buttonText, buttonMarkup, buttonVariant, buttonClick, text, textLevel, onClick, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    if (children) {
-        return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('card-content', className)), ...others }, children));
-    }
-    return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
-            // eslint-disable-next-line no-unused-expressions
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-            e.stopPropagation();
-        }, className: hashClass(styled, clsx('card-content', className)), ...others },
-        titleSup && (React.createElement(Text, { level: titleSupLevel, className: 'suptitle' }, titleSup)),
-        title && (React.createElement(Title, { testId: testId ? `${testId}-title` : undefined, level: titleLevel ? titleLevel : TitleLevels.THREE }, title)),
-        text && React.createElement(Text, { level: textLevel }, text),
-        buttonText && (React.createElement(Button, { testId: testId ? `${testId}-btn` : undefined, onClick: buttonClick, variant: buttonVariant ? buttonVariant : 'PRIMARY', markup: buttonMarkup ? buttonMarkup : ButtonMarkup.BUTTON }, buttonText))));
+var CardContent = 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('card-content', className)) }, others), children));
 };
 export default CardContent;
-//# sourceMappingURL=CardContent.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXdEO0lBQXRELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUNuRixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/content/CardContent.native.d.ts

@@ -1,21 +1,20 @@
 /// <reference types="react" />
 import { CardContentProps } from './CardContentProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
  * @param titleSup {string} Add a sup title
  * @param title {string} Add a title
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param onClick {Function} onClick Event for all content
- * @param floating
  * @param others
  */
 declare const CardContent: {
-    ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }: CardContentProps): JSX.Element;
+    ({ children, ...others }: CardContentProps): JSX.Element;
     displayName: ComponentName;
 };
 export default CardContent;

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

@@ -1,46 +1,51 @@
+import { __assign, __rest } from "tslib";
 import React, { useContext } from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../title';
-import { Button } from '../../button';
+import { Title, TitleLevels } from '../../../components/title';
+import { Button } from '../../../components/button';
 import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { CardContext } from '../../../components/card/Card.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
  * @param titleSup {string} Add a sup title
  * @param title {string} Add a title
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param onClick {Function} onClick Event for all content
- * @param floating
  * @param others
  */
-const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }) => {
-    const cardContextValues = useContext(CardContext);
-    const styles = StyleSheet.create({
+var CardContent = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    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: cardContextValues.floating ? 0 : 16,
-            paddingLeft: cardContextValues.floating ? 0 : 16,
-            paddingRight: cardContextValues.floating ? 0 : 16,
-            paddingBottom: cardContextValues.floating ? 0 : 16,
+            paddingTop: 16,
+            paddingLeft: 16,
+            paddingRight: 16,
+            paddingBottom: 16,
             minHeight: 10,
-            backgroundColor: cardContextValues.backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0)' : getColorStyle(TrilogyColor.WHITE),
-            borderBottomEndRadius: 6,
-            borderBottomStartRadius: 6,
             flex: cardContextValues.horizontal ? 1 : 0,
         },
         view: {
             width: '100%',
         },
         text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
             fontSize: 12,
         },
         padding: {
-            marginBottom: cardContextValues.floating ? 0 : 16,
+            marginBottom: 16,
         },
     });
     if (children) {
@@ -48,20 +53,20 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
             return (React.createElement(View, { style: styles.card },
                 React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
         }
-        return (React.createElement(View, { style: styles.card, ...others }, children));
+        return (React.createElement(View, __assign({ style: styles.card }, others), children));
     }
-    const cardContent = (React.createElement(View, { style: styles.card, ...others },
-        titleSup && React.createElement(Title, { overline: true }, titleSup),
-        title && React.createElement(Title, { level: TitleLevels.ONE }, title),
+    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)),
         text && (React.createElement(React.Fragment, null,
             React.createElement(View, { style: { marginBottom: 16 } }),
             React.createElement(Text, { style: styles.text }, text))),
         buttonText && (React.createElement(React.Fragment, null,
             React.createElement(View, { style: { marginBottom: 16 } }),
-            React.createElement(Button, { variant: buttonVariant, onClick: buttonClick }, buttonText)))));
+            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);
 };
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;
-//# sourceMappingURL=CardContent.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDeEMsSUFBTSxpQkFBaUIsR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFakQsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzNCLElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQTtJQUNyQixJQUFNLFVBQVUsR0FBRyxZQUFZLENBQUE7SUFDL0IsSUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLElBQU0sV0FBVyxHQUFHLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFBO0lBQzlCLElBQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQTtJQUNuQixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEs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

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

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

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=CardContentProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9jb250ZW50L0NhcmRDb250ZW50UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9