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

package/lib/components/autolayout/AutoLayout.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { DEFAULT_SPACING_MATRIX } from './DefaultSpacingMatrix';
-import { autoLayoutChildrenHandler, parseChildren } from './AutoLayout.helpers';
-import { Spacer, SpacerSize } from '../spacer';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { DEFAULT_SPACING_MATRIX } from "./DefaultSpacingMatrix";
+import { autoLayoutChildrenHandler, parseChildren } from "./AutoLayout.helpers";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * AutoLayout Component
  * @param children
@@ -12,8 +12,8 @@ import { ComponentName } from '../enumsComponentsName';
  * @param noSpace {boolean} Set spaces between children to NONE
  */
 const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.SMALL, noSpace, }) => {
-    const hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes('bottom');
-    const hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes('top');
+    const hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes("bottom");
+    const hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes("top");
     return (React.createElement(React.Fragment, null,
         hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
         noSpace

package/lib/components/autolayout/AutoLayout.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLayout.native.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;GAOG;AACH,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,QAAQ,GAAG,UAAU,CAAC,KAAK,EAC3B,OAAO,GACR,EAAe,EAAE;IAChB,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,CACL;QACG,UAAU,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;QACxC,OAAO;YACN,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,aAAa,CAAC;gBACZ,QAAQ;gBACR,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC;aAC3E,CAAC;QACL,aAAa,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"AutoLayout.native.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,QAAQ,GAAG,UAAU,CAAC,KAAK,EAC3B,OAAO,GACR,EAAe,EAAE;IAChB,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,CACL;QACG,UAAU,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;QACxC,OAAO;YACN,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,aAAa,CAAC;gBACZ,QAAQ;gBACR,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC;aAC3C,CAAC;QACL,aAAa,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/autolayout/AutoLayoutProps.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { SpacerSize } from '../spacer';
-import { SpacingMatrix } from './SpacingMatrix';
-type EdgeType = 'bottom' | 'top';
+import * as React from "react";
+import { SpacerSize } from "../../components/spacer";
+import { SpacingMatrix } from "./SpacingMatrix";
+type EdgeType = "bottom" | "top";
 type AutoLayoutProps = {
     children: React.ReactNode;
     edges?: EdgeType[];

package/lib/components/autolayout/AutoLayoutWrapper.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { SpacingMatrix } from './SpacingMatrix';
+import * as React from "react";
+import type { SpacingMatrix } from "./SpacingMatrix";
 /**
  * Wrap children in an AutoLayout component.
  *

package/lib/components/autolayout/AutoLayoutWrapper.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import AutoLayout from './AutoLayout';
+import * as React from "react";
+import AutoLayout from "./AutoLayout";
 /**
  * Wrap children in an AutoLayout component.
  *
  * @param {autolayout} {boolean}  Activate/deactivate the autolayouting mechanism.
  */
-const AutoLayoutWrapper = ({ autolayout = true, children, }) => {
+const AutoLayoutWrapper = ({ autolayout = true, children }) => {
     if (autolayout === true) {
         return React.createElement(AutoLayout, null, children);
     }

package/lib/components/autolayout/AutoLayoutWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLayoutWrapper.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayoutWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAIrC;;;;GAIG;AACH,MAAM,iBAAiB,GAAiF,CAAC,EACvG,UAAU,GAAG,IAAI,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,UAAU,KAAK,IAAI,EAAE;QACvB,OAAO,oBAAC,UAAU,QAAE,QAAQ,CAAc,CAAA;KAC3C;SAAM,IAAI,UAAU,EAAE;QACrB,OAAO,oBAAC,UAAU,IAAC,MAAM,EAAE,UAAU,IAAG,QAAQ,CAAc,CAAA;KAC/D;SAAM;QACL,yDAAyD;QACzD,OAAO,0CAAG,QAAQ,CAAI,CAAA;KACvB;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"AutoLayoutWrapper.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayoutWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAA;AAIrC;;;;GAIG;AACH,MAAM,iBAAiB,GAGlB,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,IAAI,UAAU,KAAK,IAAI,EAAE;QACvB,OAAO,oBAAC,UAAU,QAAE,QAAQ,CAAc,CAAA;KAC3C;SAAM,IAAI,UAAU,EAAE;QACrB,OAAO,oBAAC,UAAU,IAAC,MAAM,EAAE,UAAU,IAAG,QAAQ,CAAc,CAAA;KAC/D;SAAM;QACL,yDAAyD;QACzD,OAAO,0CAAG,QAAQ,CAAI,CAAA;KACvB;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/components/autolayout/DefaultSpacingMatrix.d.ts

@@ -1,4 +1,4 @@
-import { SpacingMatrixMode, SpacingMatrix } from './SpacingMatrix';
+import { SpacingMatrix, SpacingMatrixMode } from './SpacingMatrix';
 export declare const INSERT_SPACE_BETWEEN: SpacingMatrixMode;
 /**
  * Spacing matrix for defining spacings between component types

package/lib/components/autolayout/DefaultSpacingMatrix.js

@@ -1,4 +1,4 @@
-import { SpacerSize } from '../spacer';
+import { SpacerSize } from '../../components/spacer';
 import { SpacingMatrixMode } from './SpacingMatrix';
 const { HUGE, LARGE, MEDIUM, SMALL, NONE } = SpacerSize;
 export const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
@@ -24,7 +24,6 @@ export const DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Input', 'Progress', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'Link', 'Button', LARGE],
     [INSERT_SPACE_BETWEEN, 'Link', 'Link', LARGE],
-    [INSERT_SPACE_BETWEEN, 'Notification', 'Notification', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'Progress', 'Progress', SMALL],
     [INSERT_SPACE_BETWEEN, 'ProgressRadial', 'ProgressRadial', SMALL],
     [INSERT_SPACE_BETWEEN, 'Radio', 'Button', MEDIUM],
@@ -36,7 +35,6 @@ export const DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Title', 'Text', SMALL],
     [INSERT_SPACE_BETWEEN, 'Title', 'Card', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'Title', 'Icon', MEDIUM],
-    [INSERT_SPACE_BETWEEN, 'Title', 'Notification', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'Title', 'Title', SMALL],
     [INSERT_SPACE_BETWEEN, 'Title', 'Tag', LARGE],
     [INSERT_SPACE_BETWEEN, 'Title', 'default', MEDIUM],
@@ -75,5 +73,11 @@ export const DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Image', 'Title', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'View', 'Card', MEDIUM],
     [INSERT_SPACE_BETWEEN, 'Card', 'View', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Radio', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'Radio', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Checkbox', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Checkbox', SMALL],
 ];
 //# sourceMappingURL=DefaultSpacingMatrix.js.map

package/lib/components/autolayout/DefaultSpacingMatrix.js.map

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

package/lib/components/autolayout/SpacingMatrix.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { TrilogyComponents } from '../index.d';
-import { SpacerSize } from '../spacer';
+import type { TrilogyComponents } from '@/components/index.d';
+import { SpacerSize } from '../../components/spacer';
 export declare enum SpacingMatrixMode {
     /**
      * Insert space between two elements.

package/lib/components/autolayout/test/AutoLayout.test.d.ts

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

package/lib/components/autolayout/test/AutoLayout.test.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import AutoLayout from "../AutoLayout";
+import AutoLayoutWrapper from "../AutoLayoutWrapper";
+describe("AutoLayout component", () => {
+    it("should render its children", () => {
+        const { getByText } = render(React.createElement(AutoLayoutWrapper, { autolayout: false },
+            React.createElement(AutoLayout, null,
+                React.createElement("div", null, "Hello world!"))));
+        expect(getByText("Hello world!")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=AutoLayout.test.js.map

package/lib/components/autolayout/test/AutoLayout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoLayout.test.js","sourceRoot":"","sources":["../../../../components/autolayout/test/AutoLayout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,iBAAiB,IAAC,UAAU,EAAE,KAAK;YAClC,oBAAC,UAAU;gBACT,gDAAuB,CACZ,CACK,CACrB,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BadgeProps } from './BadgeProps';
+import { BadgeProps } from "./BadgeProps";
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)

package/lib/components/badge/Badge.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Text, TextMarkup } from '../text';
-import { BadgeTextDirection } from './BadgeEnum';
-import { has } from '../../services';
-import { getColorClassName } from '../../objects/facets';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { Text, TextMarkup } from "../../components/text";
+import { BadgeTextDirection } from "./BadgeEnum";
+import { has } from "../../services";
+import { getColorClassName, } from "../../objects/facets";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
@@ -19,21 +19,23 @@ import { useTrilogyContext } from '../../context';
  */
 const Badge = ({ children, className, textContent, content, direction, color, onClick, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(textContent ? 'badge-and-text' : 'badge', className));
+    const classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
     if (textContent) {
         return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
             }, className: classes, ...others },
-            (!direction || direction === BadgeTextDirection.LEFT) && React.createElement(Text, { markup: TextMarkup.P }, textContent),
-            React.createElement("span", { className: hashClass(styled, clsx(color && has(`background-${getColorClassName(color)}`), 'badge is-level')) }, content || children),
-            direction === BadgeTextDirection.RIGHT && React.createElement(Text, { markup: TextMarkup.P }, textContent)));
+            (!direction || direction === BadgeTextDirection.LEFT) && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
+            React.createElement("span", { className: hashClass(styled, clsx(color &&
+                    has(`background-${getColorClassName(color)}`), "badge is-level")) }, content || children),
+            direction === BadgeTextDirection.RIGHT && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
     }
     return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         } },
-        React.createElement(Text, { className: clsx(color && has(`background-${getColorClassName(color)}`), textContent ? 'badge-and-text' : 'badge', className), markup: TextMarkup.SPAN, ...others }, content || children)));
+        React.createElement(Text, { className: clsx(color &&
+                has(`background-${getColorClassName(color)}`), textContent ? "badge-and-text" : "badge", className), markup: TextMarkup.SPAN, ...others }, content || children)));
 };
 export default Badge;
 //# sourceMappingURL=Badge.js.map

package/lib/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAC1D,CAAA;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAET,CAAC,CAAC,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,IAAI,CAAC,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ;YAC1G,8BAAM,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,cAAc,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,IAAG,OAAO,IAAI,QAAQ,CAAQ;YAC/I,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACvF,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,IAAI,CACb,KAAK,IAAI,GAAG,CAAC,cAAc,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EACtD,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,CACV,EACD,MAAM,EAAE,UAAU,CAAC,IAAI,KACnB,MAAM,IAET,OAAO,IAAI,QAAQ,CACf,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,iBAAiB,GAAqC,MAAM,kBAAkB,CAAA;AACvF,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAC1D,CAAA;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAET,CAAC,CAAC,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,IAAI,CAAC,IAAI,CACxD,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD;YACD,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,KAAK;oBACH,GAAG,CACD,cAAc,iBAAiB,CAC7B,KAA0C,CAC3C,EAAE,CACJ,EACH,gBAAgB,CACjB,CACF,IAEA,OAAO,IAAI,QAAQ,CACf;YACN,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,CACzC,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD,CACG,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,IAAI,CACb,KAAK;gBACH,GAAG,CACD,cAAc,iBAAiB,CAC7B,KAA0C,CAC3C,EAAE,CACJ,EACH,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,CACV,EACD,MAAM,EAAE,UAAU,CAAC,IAAI,KACnB,MAAM,IAET,OAAO,IAAI,QAAQ,CACf,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/components/badge/Badge.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BadgeProps } from './BadgeProps';
-import { ComponentName } from '../enumsComponentsName';
+import { BadgeProps } from "./BadgeProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Badge Native Component
  * @param children {React.ReactNode} If no content add children (Icon for example)

package/lib/components/badge/Badge.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { BadgeTextDirection, BadgeColor } from './BadgeEnum';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { BadgeColor, BadgeTextDirection } from "./BadgeEnum";
+import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Badge Native Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
@@ -13,20 +13,22 @@ import { ComponentName } from '../enumsComponentsName';
  * @param color {BadgeColor} Change color for Badge
  */
 const Badge = ({ children, textContent, content, direction, color, onClick, ...others }) => {
-    const badgeColor = color ? getColorStyle(color) : getColorStyle(BadgeColor.SECONDARY);
-    const textColor = getColorStyle(TrilogyColor.WHITE);
+    const badgeColor = color
+        ? getColorStyle(color)
+        : getColorStyle(BadgeColor.MAIN);
+    const textColor = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         container: {
-            flexDirection: 'row',
+            flexDirection: "row",
         },
         badge: {
-            alignSelf: 'baseline',
+            alignSelf: "baseline",
             minWidth: 20,
             height: 20,
             backgroundColor: badgeColor,
             borderRadius: 30,
-            justifyContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignItems: "center",
         },
         text: {
             color: textColor,
@@ -36,17 +38,17 @@ const Badge = ({ children, textContent, content, direction, color, onClick, ...o
             fontSize: 15,
             marginRight: 5,
             marginLeft: 5,
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
         },
     });
     let badgeView;
     if (textContent) {
         badgeView = (React.createElement(View, { style: styles.container },
             !direction && React.createElement(Text, { style: styles.textContent }, textContent),
-            direction && direction === BadgeTextDirection.LEFT && React.createElement(Text, { style: styles.textContent }, textContent),
+            direction && direction === BadgeTextDirection.LEFT && (React.createElement(Text, { style: styles.textContent }, textContent)),
             React.createElement(View, { style: styles.badge },
                 React.createElement(Text, { style: styles.text }, content)),
-            direction && direction === BadgeTextDirection.RIGHT && React.createElement(Text, { style: styles.textContent }, textContent)));
+            direction && direction === BadgeTextDirection.RIGHT && (React.createElement(Text, { style: styles.textContent }, textContent))));
     }
     else {
         badgeView = (React.createElement(View, null, content ? (React.createElement(View, { style: styles.badge, ...others },

package/lib/components/badge/Badge.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../../../components/badge/Badge.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAClH,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IACrF,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;YAChB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;SAC5C;KACF,CAAC,CAAA;IAEF,IAAI,SAAsB,CAAA;IAE1B,IAAI,WAAW,EAAE;QACf,SAAS,GAAG,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YAC1B,CAAC,SAAS,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ;YACnE,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5G,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC;YACN,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CACxG,CACR,CAAA;KACF;SAAM;QACL,SAAS,GAAG,CACV,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM;YACnC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,CACJ,CACR,CACI,CACR,CAAA;KACF;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;QACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,IACpD,SAAS,CACO,CACd,CACR,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../../../components/badge/Badge.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,YAAY,GAAuB,MAAM,wBAAwB,CAAA;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC,aAAa,CAAC,KAA0C,CAAC;QAC3D,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAExD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;YAChB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,IAAI,SAAsB,CAAA;IAE1B,IAAI,WAAW,EAAE;QACf,SAAS,GAAG,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YAC1B,CAAC,SAAS,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ;YACnE,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,IAAI,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CACtD;YACD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC;YACN,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,CACtD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CACtD,CACI,CACR,CAAA;KACF;SAAM;QACL,SAAS,GAAG,CACV,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM;YACnC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,CACJ,CACR,CACI,CACR,CAAA;KACF;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;QACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,IACpD,SAAS,CACO,CACd,CACR,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}

package/lib/components/badge/BadgeEnum.d.ts

@@ -4,7 +4,6 @@ export declare enum BadgeTextDirection {
 }
 export type BadgeTextDirectionValues = `${BadgeTextDirection}`;
 export declare enum BadgeColor {
-    TERTIARY = "TERTIARY",
-    SECONDARY = "SECONDARY"
+    MAIN = "MAIN"
 }
 export type BadgeColorValues = `${BadgeColor}`;

package/lib/components/badge/BadgeEnum.js

@@ -5,7 +5,6 @@ export var BadgeTextDirection;
 })(BadgeTextDirection || (BadgeTextDirection = {}));
 export var BadgeColor;
 (function (BadgeColor) {
-    BadgeColor["TERTIARY"] = "TERTIARY";
-    BadgeColor["SECONDARY"] = "SECONDARY";
+    BadgeColor["MAIN"] = "MAIN";
 })(BadgeColor || (BadgeColor = {}));
 //# sourceMappingURL=BadgeEnum.js.map

package/lib/components/badge/BadgeEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeEnum.js","sourceRoot":"","sources":["../../../components/badge/BadgeEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAID,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,qCAAuB,CAAA;AACzB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}
+{"version":3,"file":"BadgeEnum.js","sourceRoot":"","sources":["../../../components/badge/BadgeEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAID,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,2BAAa,CAAA;AACf,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/lib/components/badge/BadgeProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable } from './../../objects/facets/Clickable';
+import { Clickable } from '../../objects/facets/Clickable';
 import { BadgeColor, BadgeColorValues, BadgeTextDirection, BadgeTextDirectionValues } from './BadgeEnum';
 import { Accessibility } from '../../objects';
 /**

package/lib/components/badge/test/Badge.test.d.ts

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

package/lib/components/badge/test/Badge.test.js

@@ -0,0 +1,57 @@
+// Dependencies
+import * as React from 'react';
+// Testing methods
+import { fireEvent, render, screen } from '@testing-library/react';
+// Component to test
+import { getEnumNames } from '../../../helpers';
+import { getColorClassName } from '../../../objects';
+import { has } from '../../../services';
+import { Badge, BadgeColor, BadgeTextDirection } from '../';
+describe('Badge component', () => {
+    test('should contain toto as text', () => {
+        const { getByText } = render(React.createElement(Badge, null, "toto"));
+        expect(getByText('toto')).toBeInTheDocument();
+    });
+    test('should have a text content', () => {
+        const { getByText } = render(React.createElement(Badge, { textContent: 'TEXT' }, "TEXTCONTENT"));
+        const badge = getByText('TEXTCONTENT');
+        expect(badge).toHaveClass('badge');
+        expect(getByText('TEXT')).toHaveClass('text');
+    });
+    test('should not have a text content', () => {
+        const { getByText } = render(React.createElement(Badge, null, "TEXTCONTENT"));
+        const badge = getByText('TEXTCONTENT');
+        expect(badge).toHaveClass('badge');
+        expect(badge).not.toHaveClass('badge-and-text');
+        expect(badge).toBeInTheDocument();
+    });
+    test('should have a content', () => {
+        const { getByText, queryByText } = render(React.createElement(Badge, { content: 'CONTENT' }, "TEXT"));
+        expect(queryByText('TEXT')).not.toBeInTheDocument();
+        expect(getByText('CONTENT')).toHaveClass('badge');
+        expect(getByText('CONTENT')).not.toHaveClass('badge-and-text');
+    });
+    test('should have correct Text direction for Badge', () => {
+        render(React.createElement(Badge, { textContent: 'TEXT', direction: BadgeTextDirection.LEFT }, BadgeTextDirection.LEFT));
+        render(React.createElement(Badge, { textContent: 'TEXT', direction: BadgeTextDirection.RIGHT }, BadgeTextDirection.RIGHT));
+        expect(screen.getByText(BadgeTextDirection.LEFT)).toHaveClass('badge');
+        expect(screen.getByText(BadgeTextDirection.LEFT).nextElementSibling).toBeNull();
+        expect(screen.getByText(BadgeTextDirection.LEFT).previousElementSibling).toHaveClass('text');
+        expect(screen.getByText(BadgeTextDirection.RIGHT)).toHaveClass('badge');
+        expect(screen.getByText(BadgeTextDirection.RIGHT).nextElementSibling).toHaveClass('text');
+        expect(screen.getByText(BadgeTextDirection.RIGHT).previousElementSibling).toBeNull();
+    });
+    test('should have a correct color className', () => {
+        getEnumNames(BadgeColor).forEach((element) => {
+            render(React.createElement(Badge, { color: element }, element));
+            expect(screen.getByText(element)).toHaveClass(has(`background-${getColorClassName(element)}`));
+        });
+    });
+    test('should onClick attribut work', () => {
+        const mockCallBack = jest.fn();
+        render(React.createElement(Badge, { onClick: mockCallBack }, "DEFAULT"));
+        fireEvent.click(screen.getByText('DEFAULT'));
+        expect(mockCallBack).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Badge.test.js.map

package/lib/components/badge/test/Badge.test.js.map

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

package/lib/components/box/Box.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import { BoxProps } from './BoxProps';
+import { BoxProps } from "./BoxProps";
 /**
  * Box Component
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
  * @param background {TrilogyColor} Box Content Background Color
+ * @param inverted {boolean} Inverted Box Color
  * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param shadowless {boolean} Remove box shadow
  * @param flat {boolean} Flat box remove shadow and add plain border
@@ -20,5 +21,5 @@ import { BoxProps } from './BoxProps';
  * @param fullheight
  * @param others
  */
-declare const Box: ({ children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
+declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
 export default Box;

package/lib/components/box/Box.js

@@ -1,17 +1,18 @@
-import React, { useEffect, useState } from 'react';
-import { BoxMarkup } from './BoxProps';
-import { has, is } from '../../services/classify';
-import { getBackgroundClassName } from '../../objects/atoms/Background';
-import { getColorClassName } from '../../objects';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import React, { useEffect, useState } from "react";
+import { BoxMarkup } from "./BoxProps";
+import { has, is } from "../../services/classify";
+import { getBackgroundClassName } from "../../objects/atoms/Background";
+import { getColorClassName } from "../../objects";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Box Component
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
  * @param background {TrilogyColor} Box Content Background Color
+ * @param inverted {boolean} Inverted Box Color
  * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param shadowless {boolean} Remove box shadow
  * @param flat {boolean} Flat box remove shadow and add plain border
@@ -26,10 +27,10 @@ import { useTrilogyContext } from '../../context';
  * @param fullheight
  * @param others
  */
-const Box = ({ children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
+const Box = ({ inverted, children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
-    const classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, background && has(getBackgroundClassName(background)), isLoading ? is('loading') : is('loaded'), backgroundSrc && has('background'), leftBorder && `${is('highlighted')} ${is(getColorClassName(leftBorder))}`, flat && is('flat'), hat && has('hat'), fullheight && is('fullheight'), active && is('active')));
+    const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, background && has(getBackgroundClassName(background)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), isLoading ? is("loading") : is("loaded"), leftBorder && `${is("highlighted")} ${is(getColorClassName(leftBorder))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);
@@ -40,13 +41,17 @@ const Box = ({ children, className, onClick, markup, skeleton, to, background, l
             }, className: classes, ...others }, children));
     }
     const hoverStyle = {
-        cursor: 'pointer',
+        cursor: "pointer",
     };
     return (React.createElement("div", { style: onClick && { ...hoverStyle }, "data-testid": testId, onClick: (e) => {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
         }, className: classes, ...others, ...(backgroundSrc && {
-            style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
+            style: {
+                backgroundImage: `url(${backgroundSrc})`,
+                backgroundSize: "cover",
+                backgroundPosition: "50%",
+            },
         }) }, children));
 };
 export default Box;

package/lib/components/box/Box.js.map

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

package/lib/components/box/Box.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BoxProps } from './BoxProps';
-import { ComponentName } from '../enumsComponentsName';
+import { BoxProps } from "./BoxProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Box Component
  * @param children {React.ReactNode} Childrens
@@ -11,6 +11,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param testId {string} Test id
  * @param shadowless {boolean} Remove box shadow
  * @param backgroundSrc {string} Source of background Image
+ * @param inverted {boolean} Inverted Box Color
  * @param flat {boolean} Flat box remove shadow and add plain border
  * @param hat {boolean} Box with a component Sticker props:hat
  * @param flex {boolean} Flex: 1 to the box if usage of Image for Example
@@ -19,7 +20,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param others
  */
 declare const Box: {
-    ({ children, onClick, skeleton, background, leftBorder, testId, shadowless, backgroundSrc, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
+    ({ children, onClick, skeleton, leftBorder, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Box;