@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/components/button/list/ButtonList.mjs

@@ -0,0 +1,25 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getJustifiedClassName } from '../../../objects/facets/Justifiable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ButtonListDirectionEnum } from './ButtonListEnum';
+/**
+ * Button List Component
+ * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param id
+ * @param align
+ * @param direction
+ */
+var ButtonList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, others = __rest(_a, ["className", "id", "align", "direction"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === ButtonListDirectionEnum.COLUMN && is('vertical'))) }, others)));
+});
+ButtonList.displayName = ComponentName.ButtonList;
+export default ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzFEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxTQUFTLEtBQUssdUJBQXVCLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FDL0QsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/button/list/ButtonList.native.d.mts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ButtonListProps } from './ButtonListProps';
+/**
+ * ButtonList Native Component
+ * @param children {ReactNode} ButtonList children
+ */
+declare const ButtonList: React.ForwardRefExoticComponent<ButtonListProps & React.RefAttributes<View>>;
+export default ButtonList;

package/lib/components/button/list/ButtonList.native.js

@@ -1,15 +1,17 @@
-import { __assign } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import * as React from 'react';
-import { View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
 var ButtonList = React.forwardRef(function (_a, ref) {
     var children = _a.children;
-    return React.createElement(View, __assign({ ref: ref }, { children: children }));
+    return React.createElement(react_native_1.View, tslib_1.__assign({ ref: ref }, { children: children }));
 });
-ButtonList.displayName = ComponentName.ButtonList;
-export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUNuRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdDLENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+ButtonList.displayName = enumsComponentsName_1.ComponentName.ButtonList;
+exports.default = ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsbURBQThCO0FBQzlCLDZDQUFtQztBQUduQzs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF1QyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ25GLE9BQU8sb0JBQUMsbUJBQUkscUJBQUMsR0FBRyxFQUFFLEdBQUcsSUFBTSxFQUFFLFFBQVEsVUFBQSxFQUFFLEVBQUksQ0FBQTtBQUM3QyxDQUFDLENBQUMsQ0FBQTtBQUVGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsa0JBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonList.native.mjs

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { View } from 'react-native';
+/**
+ * ButtonList Native Component
+ * @param children {ReactNode} ButtonList children
+ */
+var ButtonList = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return React.createElement(View, __assign({ ref: ref }, { children: children }));
+});
+ButtonList.displayName = ComponentName.ButtonList;
+export default ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUNuRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdDLENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListEnum.d.mts

@@ -0,0 +1,5 @@
+export declare enum ButtonListDirectionEnum {
+    ROW = "row",
+    COLUMN = "column"
+}
+export type ButtonListDirectionEnumValues = `${ButtonListDirectionEnum}`;

package/lib/components/button/list/ButtonListEnum.js

@@ -1,6 +1,9 @@
-export var ButtonListDirectionEnum;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonListDirectionEnum = void 0;
+var ButtonListDirectionEnum;
 (function (ButtonListDirectionEnum) {
     ButtonListDirectionEnum["ROW"] = "row";
     ButtonListDirectionEnum["COLUMN"] = "column";
-})(ButtonListDirectionEnum || (ButtonListDirectionEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3RFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHVCQUdYO0FBSEQsV0FBWSx1QkFBdUI7SUFDakMsc0NBQVcsQ0FBQTtJQUNYLDRDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyx1QkFBdUIsS0FBdkIsdUJBQXVCLFFBR2xDIn0=
+})(ButtonListDirectionEnum = exports.ButtonListDirectionEnum || (exports.ButtonListDirectionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3RFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLElBQVksdUJBR1g7QUFIRCxXQUFZLHVCQUF1QjtJQUNqQyxzQ0FBVyxDQUFBO0lBQ1gsNENBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLHVCQUF1QixHQUF2QiwrQkFBdUIsS0FBdkIsK0JBQXVCLFFBR2xDIn0=

package/lib/components/button/list/ButtonListEnum.mjs

@@ -0,0 +1,6 @@
+export var ButtonListDirectionEnum;
+(function (ButtonListDirectionEnum) {
+    ButtonListDirectionEnum["ROW"] = "row";
+    ButtonListDirectionEnum["COLUMN"] = "column";
+})(ButtonListDirectionEnum || (ButtonListDirectionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3RFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHVCQUdYO0FBSEQsV0FBWSx1QkFBdUI7SUFDakMsc0NBQVcsQ0FBQTtJQUNYLDRDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyx1QkFBdUIsS0FBdkIsdUJBQXVCLFFBR2xDIn0=

package/lib/components/button/list/ButtonListProps.d.mts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
+import { View } from 'react-native';
+import type { ButtonProps } from '../../../components/button/ButtonProps';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import { Alignable, AlignableValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
+/**
+ * Button List Interface
+ */
+export interface ButtonListProps {
+    children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
+}
+/**
+ * Button List Web Interface
+ */
+export interface ButtonListWebProps extends ButtonListProps, CommonProps {
+    direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
+    align?: Alignable | AlignableValues;
+}
+export type ButtonListRef = HTMLDivElement;
+export type ButtonListNativeRef = View;
+export {};

package/lib/components/button/list/ButtonListProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vbGlzdC9CdXR0b25MaXN0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/button/list/ButtonListProps.mjs

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

package/lib/components/button/list/index.d.mts

@@ -0,0 +1,3 @@
+import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
+export { ButtonList };

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

@@ -1,4 +1,8 @@
-import ButtonList from './ButtonList';
-export * from './ButtonListEnum';
-export { ButtonList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLGtCQUFrQixDQUFBO0FBRWhDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonList = void 0;
+var tslib_1 = require("tslib");
+var ButtonList_1 = tslib_1.__importDefault(require("./ButtonList"));
+exports.ButtonList = ButtonList_1.default;
+tslib_1.__exportStar(require("./ButtonListEnum"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxvRUFBcUM7QUFHNUIscUJBSEYsb0JBQVUsQ0FHRTtBQUZuQiwyREFBZ0MifQ==

package/lib/components/button/list/index.mjs

@@ -0,0 +1,4 @@
+import ButtonList from './ButtonList';
+export * from './ButtonListEnum';
+export { ButtonList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLGtCQUFrQixDQUFBO0FBRWhDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9

package/lib/components/card/Card.d.mts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CardProps, CardRef } from './CardProps';
+export declare const CardContext: React.Context<{
+    horizontal: boolean;
+}>;
+/**
+ * Card Component
+ * @param flat {boolean} Adding border for Card content
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param floating {boolean} Floating card
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param active {boolean} Activated card
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param fullheight
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardRef>>;
+export default Card;

package/lib/components/card/Card.js

@@ -1,11 +1,14 @@
-import { __assign, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
-import clsx from 'clsx';
-import React, { createContext } from 'react';
-import { ComponentName } from '../enumsComponentsName';
-export var CardContext = createContext({ horizontal: false });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardContext = void 0;
+var tslib_1 = require("tslib");
+var context_1 = require("../../context");
+var hashClassesHelpers_1 = require("../../helpers/hashClassesHelpers");
+var classify_1 = require("../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importStar(require("react"));
+var enumsComponentsName_1 = require("../enumsComponentsName");
+exports.CardContext = (0, react_1.createContext)({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
@@ -19,22 +22,22 @@ export var CardContext = createContext({ horizontal: false });
  * @param className {string} Additional CSS Classes
  * @param fullheight
  */
-var Card = React.forwardRef(function (_a, ref) {
-    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 Card = react_1.default.forwardRef(function (_a, ref) {
+    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 = tslib_1.__rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
     var hoverStyle = {
         cursor: 'pointer',
     };
-    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')));
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('card', flat && !floating && (0, classify_1.is)('flat'), horizontal && [(0, classify_1.is)('horizontal'), (0, classify_1.is)('vcentered')], floating && !flat && (0, classify_1.is)('floating'), skeleton && (0, classify_1.is)('loading'), reversed && (0, classify_1.is)('reversed'), className, fullheight && (0, classify_1.is)('fullheight'), active && (0, classify_1.is)('active')));
     if (href) {
-        return (React.createElement("a", __assign({ ref: ref, id: id, href: href, onClick: function (e) {
+        return (react_1.default.createElement("a", tslib_1.__assign({ ref: ref, 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({ ref: ref, id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, id: id, onClick: onClick && onClick, className: classes, style: onClick && tslib_1.__assign({}, hoverStyle) }, others)));
 });
-Card.displayName = ComponentName.Card;
-export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RCxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUErRyxFQUMvRyxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0csd0hBQStHLENBQUY7SUFHckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEdBQUcsRUFBRSxHQUFtQyxFQUN4QyxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBZ0MsRUFDckMsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
+Card.displayName = enumsComponentsName_1.ComponentName.Card;
+exports.default = Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEscUNBQTZDO0FBQzdDLG1FQUF3RDtBQUN4RCxnREFBd0M7QUFDeEMsc0RBQXVCO0FBQ3ZCLHFEQUE0QztBQUM1Qyw4REFBc0Q7QUFHekMsUUFBQSxXQUFXLEdBQUcsSUFBQSxxQkFBYSxFQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUErRyxFQUMvRyxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sc0JBQTdHLHdIQUErRyxDQUFGO0lBR3JHLElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxJQUFBLDhCQUFTLEVBQ3ZCLE1BQU0sRUFDTixJQUFBLGNBQUksRUFDRixNQUFNLEVBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUEsYUFBRSxFQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxJQUFBLGFBQUUsRUFBQyxZQUFZLENBQUMsRUFBRSxJQUFBLGFBQUUsRUFBQyxXQUFXLENBQUMsQ0FBQyxFQUNqRCxRQUFRLElBQUksQ0FBQyxJQUFJLElBQUksSUFBQSxhQUFFLEVBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxJQUFBLGFBQUUsRUFBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLEVBQ1QsVUFBVSxJQUFJLElBQUEsYUFBRSxFQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksSUFBQSxhQUFFLEVBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLHNEQUNFLEdBQUcsRUFBRSxHQUFtQyxFQUN4QyxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCx3REFDRSxHQUFHLEVBQUUsR0FBZ0MsRUFDckMsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8seUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsa0JBQWUsSUFBSSxDQUFBIn0=

package/lib/components/card/Card.mjs

@@ -0,0 +1,40 @@
+import { __assign, __rest } from "tslib";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import React, { createContext } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+export var CardContext = createContext({ horizontal: false });
+/**
+ * Card Component
+ * @param flat {boolean} Adding border for Card content
+ * @param horizontal {boolean} Horizontal Card orientation
+ * @param floating {boolean} Floating card
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Loading card
+ * @param reversed {boolean} Reversed card
+ * @param active {boolean} Activated card
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param fullheight
+ */
+var Card = React.forwardRef(function (_a, ref) {
+    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',
+    };
+    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({ ref: ref, 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({ ref: ref, id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
+});
+Card.displayName = ComponentName.Card;
+export default Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RCxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUErRyxFQUMvRyxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0csd0hBQStHLENBQUY7SUFHckcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEdBQUcsRUFBRSxHQUFtQyxFQUN4QyxFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxJQUNHLE1BQU0sSUFDVixTQUFTLEVBQUUsT0FBTyxJQUNsQixDQUNILENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBZ0MsRUFDckMsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLElBQy9CLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View } from 'react-native';
+import { CardProps } from './CardProps';
+export declare const CardContext: React.Context<{
+    floating: boolean;
+    backgroundColor: {};
+    horizontal: boolean;
+    reversed: boolean;
+    active: boolean;
+}>;
+/**
+ * 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 fullheight {boolean}
+ * @param active {boolean} Activated box
+ * @param others
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
+export default Card;

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

@@ -1,12 +1,15 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { StatesContext } from '../../context/providerStates';
-import { isAndroid } from '../../helpers/device.native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import React, { createContext } from 'react';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-export var CardContext = createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardContext = void 0;
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var providerStates_1 = require("../../context/providerStates");
+var device_native_1 = require("../../helpers/device.native");
+var Color_1 = require("../../objects/facets/Color");
+var react_1 = tslib_1.__importStar(require("react"));
+var native_1 = tslib_1.__importStar(require("react-content-loader/native"));
+var react_native_1 = require("react-native");
+exports.CardContext = (0, react_1.createContext)({
     floating: false,
     backgroundColor: '' || {},
     horizontal: false,
@@ -26,23 +29,23 @@ export var CardContext = createContext({
  * @param active {boolean} Activated box
  * @param others
  */
-var Card = React.forwardRef(function (_a, ref) {
-    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 Card = react_1.default.forwardRef(function (_a, ref) {
+    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 = tslib_1.__rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active"]);
     var borderColor = '#ccc';
     var cardRadius = 6;
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         card: {
             width: '100%',
             minHeight: 100,
             borderWidth: (flat && 1) || (active && 2) || 0,
             borderColor: (flat && borderColor) ||
-                (active && getColorStyle(TrilogyColor.MAIN)) ||
-                (active === false && getColorStyle(TrilogyColor.NEUTRAL)) ||
+                (active && (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN)) ||
+                (active === false && (0, Color_1.getColorStyle)(Color_1.TrilogyColor.NEUTRAL)) ||
                 'transparent',
             borderRadius: cardRadius,
             flex: fullheight ? 1 : 0,
             overflow: 'hidden',
-            backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
+            backgroundColor: (0, Color_1.getColorStyle)(floating ? 'transparent' : Color_1.TrilogyColor.BACKGROUND),
         },
         horizontal: {
             flexDirection: 'row',
@@ -58,7 +61,7 @@ var Card = React.forwardRef(function (_a, ref) {
         skeleton: {
             width: '100%',
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            backgroundColor: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.NEUTRAL_FADE),
             overflow: 'hidden',
             borderRadius: cardRadius,
         },
@@ -66,47 +69,47 @@ var Card = React.forwardRef(function (_a, ref) {
             flexDirection: 'column-reverse',
         },
     });
-    var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
-        React.createElement(View, { style: { opacity: 0 } }, children),
-        isAndroid && (React.createElement(View, null,
-            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
+    var CardSkeleton = function () { return (react_1.default.createElement(native_1.default, tslib_1.__assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
+        react_1.default.createElement(react_native_1.View, { style: { opacity: 0 } }, children),
+        device_native_1.isAndroid && (react_1.default.createElement(react_native_1.View, null,
+            react_1.default.createElement(native_1.Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
     var ShadowWrapper = function (_a) {
         var children = _a.children;
-        return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
+        return (react_1.default.createElement(react_native_1.View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
     };
     var cardView;
     if (skeleton) {
-        return React.createElement(CardSkeleton, null);
+        return react_1.default.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-        cardView = (React.createElement(View, { ref: ref, style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
+        cardView = (react_1.default.createElement(react_native_1.View, { ref: ref, style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
     }
     else if (reversed) {
-        cardView = (React.createElement(View, { ref: ref, style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
+        cardView = (react_1.default.createElement(react_native_1.View, { ref: ref, style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
     }
     else {
-        cardView = (React.createElement(View, __assign({ ref: ref, style: [styles.card] }, others), children));
+        cardView = (react_1.default.createElement(react_native_1.View, tslib_1.__assign({ ref: ref, style: [styles.card] }, others), children));
     }
-    return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
-        React.createElement(CardContext.Provider, { value: {
+    return onClick ? (react_1.default.createElement(providerStates_1.StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+        react_1.default.createElement(exports.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 },
-                    React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
-        React.createElement(CardContext.Provider, { value: {
+            react_1.default.createElement(react_native_1.View, { style: { width: '100%' } },
+                react_1.default.createElement(react_native_1.TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
+                    react_1.default.createElement(ShadowWrapper, null, cardView)))))) : (react_1.default.createElement(providerStates_1.StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+        react_1.default.createElement(exports.CardContext.Provider, { value: {
                 floating: floating || false,
                 backgroundColor: 'white',
                 horizontal: horizontal || false,
                 reversed: reversed || false,
                 active: active || false,
             } },
-            React.createElement(ShadowWrapper, null, cardView))));
+            react_1.default.createElement(ShadowWrapper, null, cardView))));
 });
-Card.displayName = ComponentName.Card;
-export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixNQUFNLE9BQU8sQ0FBQTtBQUMvRCxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2pFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUM7SUFDdkMsUUFBUSxFQUFFLEtBQUs7SUFDZixlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDekIsVUFBVSxFQUFFLEtBQUs7SUFDakIsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztDQUNkLENBQUMsQ0FBQTtBQUVGOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBb0csRUFDcEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxHLHlHQUFvRyxD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
+Card.displayName = enumsComponentsName_1.ComponentName.Card;
+exports.default = Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSx3RUFBZ0U7QUFDaEUsMkRBQXdEO0FBQ3hELHlEQUFtRDtBQUNuRCxnREFBb0U7QUFDcEUscURBQStEO0FBQy9ELDRFQUFpRTtBQUNqRSw2Q0FBaUU7QUFHcEQsUUFBQSxXQUFXLEdBQUcsSUFBQSxxQkFBYSxFQUFDO0lBQ3ZDLFFBQVEsRUFBRSxLQUFLO0lBQ2YsZUFBZSxFQUFFLEVBQUUsSUFBSSxFQUFFO0lBQ3pCLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxlQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQW9HLEVBQ3BHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxzQkFBbEcseUdBQW9HLENBQUY7SUFHbEcsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFBO0lBQzFCLElBQU0sVUFBVSxHQUFHLENBQUMsQ0FBQTtJQUNwQixJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxHQUFHO1lBQ2QsV0FBVyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDOUMsV0FBVyxFQUNU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

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

@@ -0,0 +1,112 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device.native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { createContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+export var CardContext = createContext({
+    floating: false,
+    backgroundColor: '' || {},
+    horizontal: false,
+    reversed: false,
+    active: false,
+});
+/**
+ * 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 fullheight {boolean}
+ * @param active {boolean} Activated box
+ * @param others
+ */
+var Card = React.forwardRef(function (_a, ref) {
+    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.MAIN)) ||
+                (active === false && getColorStyle(TrilogyColor.NEUTRAL)) ||
+                'transparent',
+            borderRadius: cardRadius,
+            flex: fullheight ? 1 : 0,
+            overflow: 'hidden',
+            backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
+        },
+        horizontal: {
+            flexDirection: 'row',
+            maxWidth: '100%',
+        },
+        shadow: {
+            shadowColor: 'rgba(0,0,0,.1)',
+            shadowOffset: { width: 2, height: 4 },
+            shadowOpacity: 0.8,
+            shadowRadius: 2,
+            elevation: 5,
+        },
+        skeleton: {
+            width: '100%',
+            minHeight: 50,
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            overflow: 'hidden',
+            borderRadius: cardRadius,
+        },
+        reversed: {
+            flexDirection: 'column-reverse',
+        },
+    });
+    var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
+        React.createElement(View, { style: { opacity: 0 } }, children),
+        isAndroid && (React.createElement(View, null,
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
+    var ShadowWrapper = function (_a) {
+        var children = _a.children;
+        return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
+    };
+    var cardView;
+    if (skeleton) {
+        return React.createElement(CardSkeleton, null);
+    }
+    if (horizontal) {
+        cardView = (React.createElement(View, { ref: ref, style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
+    }
+    else if (reversed) {
+        cardView = (React.createElement(View, { ref: ref, style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
+    }
+    else {
+        cardView = (React.createElement(View, __assign({ ref: ref, style: [styles.card] }, others), children));
+    }
+    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 },
+                    React.createElement(ShadowWrapper, null, 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,
+            } },
+            React.createElement(ShadowWrapper, null, cardView))));
+});
+Card.displayName = ComponentName.Card;
+export default Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixNQUFNLE9BQU8sQ0FBQTtBQUMvRCxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2pFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUM7SUFDdkMsUUFBUSxFQUFFLEtBQUs7SUFDZixlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDekIsVUFBVSxFQUFFLEtBQUs7SUFDakIsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztDQUNkLENBQUMsQ0FBQTtBQUVGOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBb0csRUFDcEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxHLHlHQUFvRyxD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