@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/button/test/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../components/button/test/Button.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAE5C,kBAAkB;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAElE,oBAAoB;AACpB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AAEzD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAA;QACxC,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAA;QAClC,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAClC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,eAAc,CAAC,CAAA;QACnD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,eAAc,CAAC,CAAA;QACnD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAEtC,YAAY,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,MAAM,EAAE,OAAO,IAAG,OAAO,CAAU,CAAC,CAAA;YACzE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QACzC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,cAAkB,CAAC,CAAA;QACrE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;QACvD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,kBAAiB,CAAC,CAAA;QACtD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACtD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,aAAiB,CAAC,CAAA;QACrE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACrD,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,oBAAC,MAAM,IAAC,QAAQ,qBAAkB,CAAC,CAAA;QAC1C,MAAM,CAAC,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,mBAAuB,CAAC,CAAA;QAErD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;QACnD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,oBAAC,MAAM,kBAAiB,CAAC,CAAA;QAChC,MAAM,CAAC,oBAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,eAAmB,CAAC,CAAA;QAElD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,CAAA;QACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACnD,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,MAAM,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,OAAO,CAAU,CAAC,CAAA;YACpD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACvF,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,oBAAC,MAAM,IAAC,SAAS,EAAE,IAAI,gBAAoB,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,oBAAC,MAAM,kBAAiB,CAAC,CAAA;QAChC,MAAM,CAAC,oBAAC,MAAM,IAAC,SAAS,EAAE,KAAK,gBAAoB,CAAC,CAAA;QAEpD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;QACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,cAAkB,CAAC,CAAA;QAEvD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,CACJ,oBAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,YAAY,cAE7B,CACV,CAAA;QACD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;QAClD,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,MAAM,IAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,QAAC,OAAO,EAAE,YAAY,cAEzD,CACV,CAAA;QACD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QAC9B,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACpB,MAAM,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,CAAA;QAC1B,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,MAAM,IAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,QAAQ,QAAC,OAAO,EAAE,YAAY,cAErD,CACV,CAAA;QACD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QAC9B,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACpB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACjD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,MAAM,IAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,cAEhD,CACV,CAAA;QACD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QAC9B,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACpB,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,MAAM,IAAC,UAAU,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,cAE/C,CACV,CAAA;QACD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,EAClB,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,YAAY,CAAC,KAAK,EAC1B,SAAS,EAAE,WAAW,EACtB,EAAE,EAAE,IAAI,EACR,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,SAAS,EAAE,IAAI,eAGR,CACV;aACA,MAAM,EAAE,CAAA;QAEX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;IAChC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/components/button/test/ButtonList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/button/test/ButtonList.test.js

@@ -0,0 +1,39 @@
+// Dependencies
+import * as React from "react";
+// Testing methods
+import { render, screen } from "@testing-library/react";
+import renderer from "react-test-renderer";
+// Component to test
+import { Button, ButtonList } from "..";
+describe("ButtonList component", () => {
+    test('should have "buttons" className', () => {
+        render(React.createElement(ButtonList, null,
+            React.createElement(Button, null)));
+        expect(screen.getByRole("button").closest("div")).toBeInTheDocument();
+        expect(screen.getByRole("button").closest("div")).toHaveClass("buttons");
+    });
+    test('should have "has-text-centered" className', () => {
+        render(React.createElement(ButtonList, { centered: true },
+            React.createElement(Button, null)));
+        expect(screen.getByRole("button").closest("div")).toHaveClass("has-text-centered");
+    });
+    test('should not have "has-text-centered" className', () => {
+        render(React.createElement(ButtonList, { centered: false },
+            React.createElement(Button, null)));
+        expect(screen.getByRole("button").closest("div")).not.toHaveClass("has-text-centered");
+    });
+    test("should have correct className", () => {
+        render(React.createElement(ButtonList, { className: "className" },
+            React.createElement(Button, null)));
+        expect(screen.getByRole("button").closest("div")).toHaveClass("className");
+    });
+    test("snapshot", () => {
+        const tree = renderer
+            .create(React.createElement(ButtonList, { centered: true, className: "className" },
+            React.createElement(Button, null, "1"),
+            React.createElement(Button, null, "2")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=ButtonList.test.js.map

package/lib/components/button/test/ButtonList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonList.test.js","sourceRoot":"","sources":["../../../../components/button/test/ButtonList.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,oBAAoB;AACpB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAExC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,CACJ,oBAAC,UAAU;YACT,oBAAC,MAAM,OAAG,CACC,CACd,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CACJ,oBAAC,UAAU,IAAC,QAAQ,EAAE,IAAI;YACxB,oBAAC,MAAM,OAAG,CACC,CACd,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAC3D,mBAAmB,CACpB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACzD,MAAM,CACJ,oBAAC,UAAU,IAAC,QAAQ,EAAE,KAAK;YACzB,oBAAC,MAAM,OAAG,CACC,CACd,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAC/D,mBAAmB,CACpB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACzC,MAAM,CACJ,oBAAC,UAAU,IAAC,SAAS,EAAE,WAAW;YAChC,oBAAC,MAAM,OAAG,CACC,CACd,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,UAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW;YAChD,oBAAC,MAAM,YAAW;YAClB,oBAAC,MAAM,YAAW,CACP,CACd;aACA,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import { CardProps } from './CardProps';
+import { CardProps } from "./CardProps";
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
+ * @param background {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
@@ -16,5 +18,5 @@ import { CardProps } from './CardProps';
  * @param fullheight
  * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
  */
-declare const Card: ({ className, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }: CardProps) => JSX.Element;
+declare const Card: ({ className, background, backgroundSrc, inverted, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others }: CardProps) => JSX.Element;
 export default Card;

package/lib/components/card/Card.js

@@ -1,14 +1,16 @@
-import React, { useEffect, useState } 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';
+import React, { useEffect, useState } from "react";
+import clsx from "clsx";
+import { CardMarkup } from "./CardProps";
+import { has, is } from "../../services/classify";
+import { getAlignClassName, getBackgroundClassName } from "../../objects";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
  * @param horizontal {boolean} Horizontal Card orientation
+ * @param background {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param floating {boolean} Floating card
  * @param onClick {Function} onClick Event
  * @param children {React.ReactNode}
@@ -21,16 +23,16 @@ import { useTrilogyContext } from '../../context';
  * @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 Card = ({ className, background, backgroundSrc, inverted, 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 = {
-        cursor: 'pointer',
+        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')));
+    const classes = hashClass(styled, clsx("card", background && has(getBackgroundClassName(background)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), 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) => {
                 // eslint-disable-next-line no-unused-expressions

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,EAAE,EACF,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAwB;QACtC,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EACjD,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,EACtB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,CACvB,CACF,CAAA;IAED,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,EAAE;QAC3B,OAAO,CACL,0CACe,MAAM,EACnB,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,KACG,MAAM,EACV,SAAS,EAAE,OAAO,GAClB,CACH,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,OAAO,KACd,MAAM,EACV,KAAK,EAAE,OAAO,IAAI,EAAE,GAAG,UAAU,EAAE,GACnC,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,EAAE,EACF,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAwB;QACtC,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,MAAM,EACN,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAE1C,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,UAAU,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EACjD,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,EACtB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,CACvB,CACF,CAAA;IAED,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,EAAE;QAC3B,OAAO,CACL,0CACe,MAAM,EACnB,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,KACG,MAAM,EACV,SAAS,EAAE,OAAO,GAClB,CACH,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,OAAO,KACd,MAAM,EACV,KAAK,EAAE,OAAO,IAAI,EAAE,GAAG,UAAU,EAAE,GACnC,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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 React from "react";
+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;
@@ -17,13 +17,15 @@ export declare const CardContext: React.Context<{
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
+ * @param background {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param backgroundColor
  * @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, background, reversed, fullheight, active, inverted, ...others }: CardProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Card;

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

@@ -1,9 +1,17 @@
-import React, { createContext } from 'react';
-import { StyleSheet, TouchableOpacity, View, Platform } 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 React, { createContext } from "react";
+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 "../../components/enumsComponentsName";
+import { getBackgroundStyle } from "../../objects/atoms/Background";
+import { StatesContext } from "../../context/providerStates";
+export const CardContext = createContext({
+    floating: false,
+    backgroundColor: "" || {},
+    horizontal: false,
+    reversed: false,
+    active: false,
+});
 /**
  * Card Component
  * @param flat Adding border for Card content
@@ -13,56 +21,60 @@ export const CardContext = createContext({ floating: false, backgroundColor: '',
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
+ * @param background {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param backgroundColor
  * @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 Card = ({ children, flat, horizontal, floating, onClick, skeleton, background, reversed, fullheight, active, inverted, ...others }) => {
+    const borderColor = "#ccc";
     const cardRadius = 6;
+    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         card: {
-            width: '100%',
+            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)) ||
+                "transparent",
             borderRadius: cardRadius,
-            backgroundColor: backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0.0)' : getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
             flex: fullheight ? 1 : 0,
         },
         horizontal: {
-            flexDirection: 'row',
-            maxWidth: '100%',
+            flexDirection: "row",
+            maxWidth: "100%",
         },
         shadow: {
-            shadowColor: 'rgba(0,0,0,.1)',
+            shadowColor: "rgba(0,0,0,.1)",
             shadowOffset: { width: 2, height: 4 },
             shadowOpacity: 0.8,
             shadowRadius: 2,
             elevation: 5,
         },
         contentHorizontal: {
-            backgroundColor: 'red',
             borderWidth: 2,
             margin: 2,
             padding: 10,
             minHeight: 10,
         },
         skeleton: {
-            width: '100%',
+            width: "100%",
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
+            overflow: "hidden",
             borderRadius: cardRadius,
         },
         reversed: {
-            flexDirection: 'column-reverse',
+            flexDirection: "column-reverse",
         },
     });
     const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
         React.createElement(View, { style: { opacity: 0 } }, children),
-        Platform.OS === 'android' && (React.createElement(View, null,
+        Platform.OS === "android" && (React.createElement(View, null,
             React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
     let cardView;
     if (skeleton) {
@@ -77,21 +89,23 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
     else {
         cardView = (React.createElement(View, { 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: !!inverted, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: background || "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(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: background || "white",
+                horizontal: horizontal || false,
+                reversed: reversed || false,
+                active: active || false,
+            } }, cardView)));
 };
 Card.displayName = ComponentName.Card;
 export default Card;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardContentProps } from './CardContentProps';
+import { CardContentProps } from "./CardContentProps";
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
@@ -8,7 +8,7 @@ import { CardContentProps } from './CardContentProps';
  * @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 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

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

@@ -1,10 +1,10 @@
-import 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';
+import * as React from "react";
+import clsx from "clsx";
+import { Title, TitleLevels } from "../../../components/title";
+import { Text } from "../../../components/text";
+import { Button, ButtonMarkup } from "../../../components/button";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
@@ -13,7 +13,7 @@ import { useTrilogyContext } from '../../../context';
  * @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 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
@@ -25,17 +25,17 @@ import { useTrilogyContext } from '../../../context';
 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, 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)),
+        }, 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))));
+        buttonText && (React.createElement(Button, { testId: testId ? `${testId}-btn` : undefined, onClick: buttonClick, variant: buttonVariant ? buttonVariant : "PRIMARY", markup: buttonMarkup ? buttonMarkup : ButtonMarkup.BUTTON }, buttonText))));
 };
 export default CardContent;
 //# sourceMappingURL=CardContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,IAChG,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM;QAET,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IAC9C,QAAQ,CACJ,CACR;QACA,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IACtG,KAAK,CACA,CACT;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,IAAI,CAAQ;QAC7C,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,IAExD,UAAU,CACJ,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM,IAET,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM;QAET,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IAC9C,QAAQ,CACJ,CACR;QACA,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IAEjD,KAAK,CACA,CACT;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,IAAI,CAAQ;QAC7C,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,IAExD,UAAU,CACJ,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { CardContentProps } from './CardContentProps';
-import { ComponentName } from '../../enumsComponentsName';
+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 {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

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

@@ -1,17 +1,17 @@
-import React, { useContext } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../title';
-import { Button } from '../../button';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useContext } from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Title, TitleLevels } from "../../../components/title";
+import { Button } from "../../../components/button";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { CardContext } from "../../../components/card/Card.native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
  * @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
@@ -22,31 +22,28 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
     const cardContextValues = useContext(CardContext);
     const 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%',
+            width: "100%",
         },
         text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
             fontSize: 12,
         },
         padding: {
-            marginBottom: cardContextValues.floating ? 0 : 16,
+            marginBottom: 16,
         },
     });
     if (children) {
         if (onClick) {
             return (React.createElement(View, { style: styles.card },
-                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
+                React.createElement(TouchableOpacity, { style: { width: "100%", paddingBottom: 16 }, onPress: onClick }, children)));
         }
         return (React.createElement(View, { style: styles.card, ...others }, children));
     }
@@ -60,7 +57,7 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
             React.createElement(View, { style: { marginBottom: 16 } }),
             React.createElement(Button, { variant: buttonVariant, onClick: buttonClick }, buttonText)))));
     return onClick ? (React.createElement(View, { style: styles.view },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
+        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
 };
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;

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

@@ -1 +1 @@
-{"version":3,"file":"CardContent.native.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardContent.native.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.native.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +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 { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from "../../../components/button/ButtonEnum";
+import { TitleLevels, TitleLevelValues } from "../../../components/title/TitleEnum";
+import { TextLevelValues } from "../../../components/text/TextEnum";
+import { ClickEvent } from "../../../events/OnClickEvent";
+import { Accessibility, Clickable, TrilogyColor } from "../../../objects";
 /**
  * Card Content Interface
  */
@@ -16,11 +16,11 @@ export interface CardContentProps extends Clickable, Accessibility {
     buttonText?: string;
     text?: string;
     textLevel?: TextLevelValues;
-    buttonVariant?: ButtonColor | ButtonColorValues;
+    buttonVariant?: ButtonVariant | ButtonVariantValues;
     buttonClick?: ClickEvent;
     className?: string;
     buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
     onClick?: ClickEvent;
     floating?: boolean;
-    backgroundColor?: TrilogyColor.WHITE | 'transparent';
+    backgroundColor?: TrilogyColor.BACKGROUND | "transparent";
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardImageProps } from './CardImageProps';
+import { CardImageProps } from "./CardImageProps";
 /**
  * Card Image Component
  * @param src Image source