@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-145

package/lib/components/card/Card.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
+import React, { createContext } from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { CardMarkup } from '../../components/card/CardProps';
-import { useCard } from '../../components/card/hook/useCard';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { getAlignClassName, getBackgroundClassName } from '../../objects';
-import { has, is } from '../../services/classify';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+export var CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
@@ -28,17 +27,21 @@ import { has, is } from '../../services/classify';
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
  * @param testId {string} Test Id for Test Integration
  */
-var Card = function (_a, ref) {
-    var className = _a.className, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, align = _a.align, justify = _a.justify, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, testId = _a.testId, markup = _a.markup, to = _a.to, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "backgroundColor", "backgroundSrc", "inverted", "flat", "horizontal", "floating", "align", "justify", "skeleton", "onClick", "reversed", "testId", "markup", "to", "fullheight", "active"]);
-    var isLoading = useCard({ skeleton: skeleton }).isLoading;
+var Card = React.forwardRef(function (props) {
+    var className = props.className, id = props.id, flat = props.flat, horizontal = props.horizontal, floating = props.floating, skeleton = props.skeleton, onClick = props.onClick, reversed = props.reversed, href = props.href, fullheight = props.fullheight, active = props.active, others = __rest(props, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
+    var styled = useTrilogyContext().styled;
     var hoverStyle = {
         cursor: 'pointer',
     };
-    var classes = hashClass(clsx('card', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), (inverted && is('inverted')) || is('base'), flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && 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", __assign({ "data-testid": testId, href: to, onClick: onClick && onClick, className: classes, ref: ref }, others)));
+    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 })));
     }
-    return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle), ref: ref }, others)));
-};
-export default React.forwardRef(Card);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFDWCxFQW1CWSxFQUNaLEdBQTJCO0lBbkJ6QixJQUFBLFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBbEJYLHdNQW1CQyxDQURVO0lBSUgsSUFBQSxTQUFTLEdBQUssT0FBTyxDQUFDLEVBQUUsUUFBUSxVQUFBLEVBQUUsQ0FBQyxVQUExQixDQUEwQjtJQUUzQyxJQUFNLFVBQVUsR0FBd0I7UUFDdEMsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE1BQU0sRUFDTixlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDL0IsVUFBVSxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUNqRCxRQUFRLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUNuQyxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3JDLE9BQU8sSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3RCLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3hDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLE1BQU0sS0FBSyxVQUFVLENBQUMsQ0FBQyxFQUFFO1FBQzNCLE9BQU8sQ0FDTCxtREFDZSxNQUFNLEVBQ25CLElBQUksRUFBRSxFQUFFLEVBQ1IsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxHQUFtQyxJQUNwQyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wscURBQ2UsTUFBTSxFQUNuQixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLEVBQ25DLEdBQUcsRUFBRSxHQUFnQyxJQUNqQyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBIn0=
+    return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
+});
+export default Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQjtJQUUzQyxJQUFBLFNBQVMsR0FZUCxLQUFLLFVBWkUsRUFDVCxFQUFFLEdBV0EsS0FBSyxHQVhMLEVBQ0YsSUFBSSxHQVVGLEtBQUssS0FWSCxFQUNKLFVBQVUsR0FTUixLQUFLLFdBVEcsRUFDVixRQUFRLEdBUU4sS0FBSyxTQVJDLEVBQ1IsUUFBUSxHQU9OLEtBQUssU0FQQyxFQUNSLE9BQU8sR0FNTCxLQUFLLFFBTkEsRUFDUCxRQUFRLEdBS04sS0FBSyxTQUxDLEVBQ1IsSUFBSSxHQUlGLEtBQUssS0FKSCxFQUNKLFVBQVUsR0FHUixLQUFLLFdBSEcsRUFDVixNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFiSCx3SEFhTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFVBQVUsR0FBd0I7UUFDdEMsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixNQUFNLEVBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDL0IsVUFBVSxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUNqRCxRQUFRLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUNuQyxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLEVBQ1QsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FDdkIsQ0FDRixDQUFBO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDUixPQUFPLENBQ0wsb0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxVQUFDLENBQUM7Z0JBQ1QsaURBQWlEO2dCQUNqRCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1lBQ3JCLENBQUMsSUFDRyxNQUFNLElBQ1YsU0FBUyxFQUFFLE9BQU8sSUFDbEIsQ0FDSCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsSUFBSSxDQUFBIn0=

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

@@ -1,12 +1,29 @@
 import React from 'react';
-import { View } from 'react-native';
-import { CardProps } from '../../components/card/CardProps';
+import { CardProps } from './CardProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 export declare const CardContext: React.Context<{
     floating: boolean;
-    backgroundColor: string;
+    backgroundColor: {};
     horizontal: boolean;
     reversed: boolean;
     active: boolean;
 }>;
-declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
-export default _default;
+/**
+ * Card Component
+ * @param flat Adding border for Card content
+ * @param horizontal Horizontal Card orientation
+ * @param floating Floating card
+ * @param children {ReactNode}
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @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, reversed, fullheight, active, ...others }: CardProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Card;

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

@@ -1,13 +1,13 @@
 import { __assign, __rest } from "tslib";
 import React, { createContext } from 'react';
 import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { StatesContext } from '../../context/providerStates';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
 import ContentLoader, { Rect } from 'react-content-loader/native';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
 export var CardContext = createContext({
     floating: false,
-    backgroundColor: '',
+    backgroundColor: '' || {},
     horizontal: false,
     reversed: false,
     active: false,
@@ -22,16 +22,14 @@ export var CardContext = createContext({
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
  * @param backgroundColor {TrilogyColor} Card Background Color
- * @param inverted {boolean} Inverted Card Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-var Card = function (_a, ref) {
-    var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, backgroundColor = _a.backgroundColor, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, inverted = _a.inverted, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "backgroundColor", "reversed", "fullheight", "active", "inverted"]);
+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 colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     var styles = StyleSheet.create({
         card: {
             width: '100%',
@@ -42,7 +40,6 @@ var Card = function (_a, ref) {
                 (active === false && getColorStyle(TrilogyColor.NEUTRAL)) ||
                 'transparent',
             borderRadius: cardRadius,
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
             flex: fullheight ? 1 : 0,
         },
         horizontal: {
@@ -82,32 +79,32 @@ var Card = function (_a, ref) {
         return React.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-        cardView = (React.createElement(View, { style: [styles.horizontal, styles.card], testID: 'card-horizontal', ref: ref }, 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], testID: 'card-reversed', ref: ref }, children));
+        cardView = (React.createElement(View, { style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
     }
     else {
-        cardView = (React.createElement(View, __assign({ style: [styles.card] }, others, { ref: ref }), children));
+        cardView = (React.createElement(View, __assign({ style: [styles.card] }, others), children));
     }
-    return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+    return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
         React.createElement(CardContext.Provider, { value: {
                 floating: floating || false,
-                backgroundColor: backgroundColor || 'white',
+                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: !!inverted, active: !!active, flat: !!flat } },
+                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: backgroundColor || 'white',
+                backgroundColor: 'white',
                 horizontal: horizontal || false,
                 reversed: reversed || false,
                 active: active || false,
             } }, cardView)));
 };
 Card.displayName = ComponentName.Card;
-export default React.forwardRef(Card);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFakUsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQ1gsRUFhWSxFQUNaLEdBQW9CO0lBYmxCLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGVBQWUscUJBQUEsRUFDZixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVpYLHdJQWFDLENBRFU7SUFJWCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUE7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
+export default Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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

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

@@ -1,30 +1,18 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { BackgroundProps } from '../../objects/atoms/Background';
-import { Accessibility } from '../../objects/facets/Accessibility';
-import { AlignableProps } from '../../objects/facets/Alignable';
-import { Clickable } from '../../objects/facets/Clickable';
-import { Dev } from '../../objects/facets/Dev';
-import { Fullheight } from '../../objects/facets/Fullheight';
-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, BackgroundProps, Dev {
+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;
     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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL0NhcmRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQTs7R0FFRztBQUVILE1BQU0sQ0FBTixJQUFZLFVBR1g7QUFIRCxXQUFZLFVBQVU7SUFDcEIseUJBQVcsQ0FBQTtJQUNYLHFCQUFPLENBQUE7QUFDVCxDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIifQ==
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL0NhcmRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/card/CardPropsDefaults.js

@@ -45,13 +45,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [
@@ -59,16 +52,6 @@ export default {
       "ClickEvent"
     ]
   },
-  "markup": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "DIV",
-      "A",
-      "div",
-      "a"
-    ]
-  },
   "reversed": {
     "type": "boolean",
     "values": [
@@ -77,7 +60,7 @@ export default {
       "true"
     ]
   },
-  "to": {
+  "href": {
     "type": "string",
     "values": [
       "undefined",
@@ -92,30 +75,6 @@ export default {
       "true"
     ]
   },
-  "align": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
-  "verticalAlign": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
   "fullheight": {
     "type": "boolean",
     "values": [
@@ -124,20 +83,6 @@ export default {
       "true"
     ]
   },
-  "justify": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "justified-center",
-      "justified-start",
-      "justified-end",
-      "space-between",
-      "JUSTIFIED_CENTER",
-      "JUSTIFIED_START",
-      "JUSTIFIED_END",
-      "SPACE_BETWEEN"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -145,62 +90,14 @@ export default {
       "string"
     ]
   },
-  "backgroundColor": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
-    ]
-  },
-  "backgroundSrc": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "inverted": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -1,4 +1,11 @@
-import React from 'react';
-import { CardContentProps } from '../../../components/card/content/CardContentProps';
-declare const _default: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { CardContentProps } from './CardContentProps';
+/**
+ * Card Content Component
+ * @param children {React.ReactNode} Custom Card Content Children
+ * @param titleSup {string} Add a sup title
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const CardContent: ({ children, className, id, ...others }: CardContentProps) => JSX.Element;
+export default CardContent;

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

@@ -1,38 +1,19 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { Button, ButtonMarkup } from '../../../components/button';
-import { Text } from '../../../components/text';
-import { Title, TitleLevels } from '../../../components/title';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+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 {ButtonVariant} 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
- * @param testId {string} Test Id for Test Integration
  */
-var CardContent = function (_a, ref) {
-    var children = _a.children, className = _a.className, titleSup = _a.titleSup, titleSupLevel = _a.titleSupLevel, title = _a.title, titleLevel = _a.titleLevel, buttonText = _a.buttonText, buttonMarkup = _a.buttonMarkup, buttonVariant = _a.buttonVariant, buttonClick = _a.buttonClick, text = _a.text, textLevel = _a.textLevel, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "className", "titleSup", "titleSupLevel", "title", "titleLevel", "buttonText", "buttonMarkup", "buttonVariant", "buttonClick", "text", "textLevel", "onClick", "testId"]);
-    if (children) {
-        return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(clsx('card-content', className)), ref: ref }, others), children));
-    }
-    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, onClick: onClick && onClick, className: hashClass(clsx('card-content', className)) }, others),
-        titleSup && (React.createElement(Text, { level: titleSupLevel, className: 'suptitle' }, titleSup)),
-        title && (React.createElement(Title, { testId: testId ? "".concat(testId, "-title") : undefined, level: titleLevel ? titleLevel : TitleLevels.THREE }, title)),
-        text && React.createElement(Text, { level: textLevel }, text),
-        buttonText && (React.createElement(Button, { testId: testId ? "".concat(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 React.forwardRef(CardContent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUUxRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFDbEIsRUFnQm1CLEVBQ25CLEdBQThCO0lBaEI1QixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixLQUFLLFdBQUEsRUFDTCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FmWCxxTEFnQkMsQ0FEVTtJQUlYLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNLEdBQ2xHLFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxpQkFDSyxNQUFNLEVBQ25CLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFDakQsTUFBTTtRQUVULFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxVQUFVLElBQzlDLFFBQVEsQ0FDSixDQUNSO1FBQ0EsS0FBSyxJQUFJLENBQ1Isb0JBQUMsS0FBSyxJQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFVBQUcsTUFBTSxXQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLElBQ3RHLEtBQUssQ0FDQSxDQUNUO1FBQ0EsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsU0FBUyxJQUFHLElBQUksQ0FBUTtRQUM3QyxVQUFVLElBQUksQ0FDYixvQkFBQyxNQUFNLElBQ0wsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBRyxNQUFNLFNBQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUNwQixPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDbEQsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxJQUV4RCxVQUFVLENBQ0osQ0FDVixDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQSJ9
+export default CardContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXdEO0lBQXRELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUNuRixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,5 +1,20 @@
-import React from 'react';
-import { View } from 'react-native';
-import { CardContentProps } from '../../../components/card/content/CardContentProps';
-declare const _default: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { CardContentProps } from './CardContentProps';
+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 {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 others
+ */
+declare const CardContent: {
+    ({ children, ...others }: CardContentProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default CardContent;

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 { Title, TitleLevels } from '../../../components/title';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
@@ -18,9 +18,16 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param onClick {Function} onClick Event for all content
  * @param others
  */
-var CardContent = function (_a, ref) {
-    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 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: 16,
@@ -43,12 +50,12 @@ var CardContent = function (_a, ref) {
     });
     if (children) {
         if (onClick) {
-            return (React.createElement(View, { style: styles.card, ref: ref },
+            return (React.createElement(View, { style: styles.card },
                 React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
         }
-        return (React.createElement(View, __assign({ style: styles.card, ref: ref }, others), children));
+        return (React.createElement(View, __assign({ style: styles.card }, others), children));
     }
-    var cardContent = (React.createElement(View, __assign({ style: styles.card, ref: ref }, others),
+    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,
@@ -61,5 +68,5 @@ var CardContent = function (_a, ref) {
         React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
 };
 CardContent.displayName = ComponentName.CardContent;
-export default React.forwardRef(CardContent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFFM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQ2xCLEVBQWlILEVBQ2pILEdBQW9CO0lBRGxCLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE3RixrR0FBK0YsQ0FBRjtJQUc3RixJQUFNLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVqRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxFQUFFO1lBQ2QsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsRUFB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
+export default CardContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDeEMsSUFBTSxpQkFBaUIsR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFakQsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzNCLElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQTtJQUNyQixJQUFNLFVBQVUsR0FBRyxZQUFZLENBQUE7SUFDL0IsSUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLElBQU0sV0FBVyxHQUFHLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFBO0lBQzlCLElBQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQTtJQUNuQixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEs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

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

@@ -1,28 +1,9 @@
 /// <reference types="react" />
-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 } from '../../../objects/facets/Accessibility';
-import { Clickable } from '../../../objects/facets/Clickable';
-import { TrilogyColor } from '../../../objects/facets/Color';
-import { Dev } from '../../../objects/facets/Dev';
+import { Accessibility } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Card Content Interface
  */
-export interface CardContentProps extends Clickable, Accessibility, Dev {
+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?: ButtonVariant | ButtonVariantValues;
-    buttonClick?: ClickEvent;
-    className?: string;
-    buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
-    onClick?: ClickEvent;
-    backgroundColor?: TrilogyColor.BACKGROUND | 'transparent';
 }