@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-54

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;

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

@@ -1,9 +1,10 @@
-import React, { useState } from 'react';
-import { StyleSheet, TouchableOpacity, View, Platform, ImageBackground } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { getBackgroundStyle } from '../../objects/atoms/Background';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useState } from "react";
+import { ImageBackground, Platform, StyleSheet, TouchableOpacity, View, } from "react-native";
+import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
+import ContentLoader, { Rect } from "react-content-loader/native";
+import { getBackgroundStyle } from "../../objects/atoms/Background";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { StatesContext } from "../../context/providerStates";
 /**
  * Box Component
  * @param children {React.ReactNode} Childrens
@@ -14,6 +15,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
@@ -21,28 +23,30 @@ import { ComponentName } from '../enumsComponentsName';
  * @param active {boolean} Activated box
  * @param others
  */
-const Box = ({ children, onClick, skeleton, background, leftBorder, testId, shadowless, backgroundSrc, flat, hat, fullheight, active, ...others }) => {
-    const colorBgc = getColorStyle(TrilogyColor.WHITE);
-    const boxRadius = 6;
+const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }) => {
+    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const [boxHeight, setBoxHeight] = useState(0);
+    const boxRadius = 6;
     const styles = StyleSheet.create({
         box: {
-            width: '100%',
+            width: "100%",
             backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
             borderRadius: boxRadius,
-            flexDirection: 'row',
-            justifyContent: 'flex-start',
-            position: 'relative',
-            borderStyle: flat ? 'solid' : undefined,
-            borderWidth: flat && 1 || active && 2 || 0,
-            borderColor: active ? getColorStyle(TrilogyColor.SECONDARY) : getColorStyle(TrilogyColor.GREY),
+            flexDirection: "row",
+            justifyContent: "flex-start",
+            position: "relative",
+            borderStyle: flat ? "solid" : undefined,
+            borderWidth: (flat && 1) || (active && 2) || 0,
+            borderColor: active
+                ? getColorStyle(TrilogyColor.MAIN, 0)
+                : getColorStyle(TrilogyColor.FONT, 1),
             marginTop: hat ? 35 : 0,
             flex: fullheight ? 1 : 0,
         },
         shadow: shadowless
             ? {}
             : {
-                shadowColor: '#000',
+                shadowColor: "#000",
                 shadowOffset: {
                     width: 0,
                     height: 1,
@@ -52,39 +56,40 @@ const Box = ({ children, onClick, skeleton, background, leftBorder, testId, shad
                 elevation: 1,
             },
         skeleton: {
-            width: '100%',
+            width: "100%",
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 0),
+            overflow: "hidden",
             borderRadius: boxRadius,
         },
         leftBorder: {
-            position: 'absolute',
+            position: "absolute",
             width: 8,
             borderTopStartRadius: boxRadius,
             borderBottomStartRadius: boxRadius,
             height: boxHeight,
-            backgroundColor: getColorStyle(leftBorder) || 'transparent',
+            backgroundColor: getColorStyle(leftBorder) ||
+                "transparent",
         },
         column: {
-            flexDirection: 'column',
-            width: '100%',
+            flexDirection: "column",
+            width: "100%",
         },
         boxImage: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
             maxHeight: 300,
-            height: 'auto',
+            height: "auto",
         },
         boxImageProps: {},
         content: {
             padding: 16,
         },
     });
-    const boxTestId = testId || 'NotSpecified';
+    const boxTestId = testId || "NotSpecified";
     const BoxSkeleton = () => (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%' })))));
     if (skeleton) {
         return React.createElement(BoxSkeleton, null);
@@ -95,20 +100,27 @@ const Box = ({ children, onClick, skeleton, background, leftBorder, testId, shad
             style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], onLayout: (event) => {
                 const { height } = event.nativeEvent.layout;
                 setBoxHeight(height);
-            }, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+            }, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === "number"
+                ? backgroundSrc
+                : { uri: backgroundSrc } },
             Boolean(leftBorder) && React.createElement(View, { style: styles.leftBorder }),
-            React.createElement(View, { style: styles.column }, children))) : (React.createElement(React.Fragment, null,
+            React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+                React.createElement(View, { style: styles.column }, children)))) : (React.createElement(React.Fragment, null,
             Boolean(leftBorder) && React.createElement(View, { style: styles.leftBorder }),
-            React.createElement(View, { style: styles.column }, children)))));
+            React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+                React.createElement(View, { style: styles.column }, children))))));
     }
     return (React.createElement(View, { onLayout: (event) => {
             const { height } = event.nativeEvent.layout;
             setBoxHeight(height);
         }, 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+        style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === "number"
+            ? backgroundSrc
+            : { uri: backgroundSrc } },
         Boolean(leftBorder) && React.createElement(View, { style: styles.leftBorder }),
-        React.createElement(View, { style: styles.column }, children))) : (React.createElement(React.Fragment, null,
+        React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+            React.createElement(View, { style: styles.column }, children)))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
         Boolean(leftBorder) && React.createElement(View, { style: styles.leftBorder }),
         React.createElement(View, { style: styles.column }, children)))));
 };

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

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

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

@@ -18,7 +18,6 @@ export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Access
     to?: string;
     leftBorder?: TrilogyColor | TrilogyColorValues;
     shadowless?: boolean;
-    background?: TrilogyColor | TrilogyColorValues;
     backgroundSrc?: string;
     hat?: boolean;
     flat?: boolean;

package/lib/components/box/content/BoxContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxContentProps } from './BoxContentProps';
+import { BoxContentProps } from "./BoxContentProps";
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children

package/lib/components/box/content/BoxContent.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { has } from '../../../services/classify';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { has } from "../../../services/classify";
+import { getBackgroundClassName } from "../../../objects/atoms/Background";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const BoxContent = ({ children, className, background, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('box-content', background && has(getBackgroundClassName(background)), className));
+    const classes = hashClass(styled, clsx("box-content", background && has(getBackgroundClassName(background)), className));
     return (React.createElement("div", { "data-testid": testId, className: classes, ...others }, children));
 };
 export default BoxContent;

package/lib/components/box/content/BoxContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxContent.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAC1G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,aAAa,EAAE,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CACtF,CAAA;IACD,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACrD,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"BoxContent.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,aAAa,EACb,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,SAAS,CACV,CACF,CAAA;IACD,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACrD,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/box/content/BoxContent.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BoxContentProps } from './BoxContentProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { BoxContentProps } from "./BoxContentProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens

package/lib/components/box/content/BoxContent.native.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getBackgroundStyle } from '../../../objects/atoms/Background';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getBackgroundStyle } from "../../../objects/atoms/Background";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
@@ -11,12 +11,14 @@ const BoxContent = ({ children, background, ...others }) => {
     const styles = StyleSheet.create({
         boxContent: {
             padding: 16,
-            justifyContent: 'center',
-            backgroundColor: background ? getBackgroundStyle(background) : 'transparent',
+            justifyContent: "center",
+            backgroundColor: background
+                ? getBackgroundStyle(background)
+                : "transparent",
             borderRadius: 6,
         },
     });
-    return (React.createElement(View, { style: [styles.boxContent], ...others }, children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
+    return (React.createElement(View, { style: [styles.boxContent], ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, children)) : (children)));
 };
 BoxContent.displayName = ComponentName.BoxContent;
 export default BoxContent;

package/lib/components/box/content/BoxContent.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IACvF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,UAAU,EAAE;YACV,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa;YAC5E,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAM,MAAM,IACzC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAC,CAAC,CAAC,QAAQ,CACnF,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,UAAU,EACV,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,UAAU,EAAE;YACV,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,UAAU;gBACzB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,aAAa;YACjB,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAM,MAAM,IACzC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACxB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/box/footer/BoxFooter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxFooterProps } from './BoxFooterProps';
+import { BoxFooterProps } from "./BoxFooterProps";
 /**
  * Box Footer Component
  * @param className {string} Additionnal CSS Classes

package/lib/components/box/footer/BoxFooter.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { getBackgroundClassName } from '../../../objects';
-import { has } from '../../../services/classify';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { getBackgroundClassName } from "../../../objects";
+import { has } from "../../../services/classify";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Footer Component
  * @param className {string} Additionnal CSS Classes
@@ -12,7 +12,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const BoxFooter = ({ className, children, backgroundColor, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)), ...others }, children));
+    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)), ...others }, children));
 };
 export default BoxFooter;
 //# sourceMappingURL=BoxFooter.js.map

package/lib/components/box/footer/BoxFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxFooter.js","sourceRoot":"","sources":["../../../../components/box/footer/BoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAA;AAChD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAC/F,KACG,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"BoxFooter.js","sourceRoot":"","sources":["../../../../components/box/footer/BoxFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,MAAM,EACN,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,YAAY,EACZ,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,SAAS,CACV,CACF,KACG,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/box/footer/BoxFooter.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BoxFooterProps } from './BoxFooterProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { BoxFooterProps } from "./BoxFooterProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens

package/lib/components/box/footer/BoxFooter.native.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
@@ -12,13 +12,15 @@ const BoxFooter = ({ children, backgroundColor, ...others }) => {
     const styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
-            justifyContent: 'center',
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
+            justifyContent: "center",
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
+                : "transparent",
             borderBottomLeftRadius: boxRadius,
             borderBottomRightRadius: boxRadius,
         },
     });
-    return (React.createElement(View, { style: [styles.boxFooter], ...others }, children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+    return (React.createElement(View, { style: [styles.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
 };
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;

package/lib/components/box/footer/BoxFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxFooter.native.js","sourceRoot":"","sources":["../../../../components/box/footer/BoxFooter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAC1F,MAAM,SAAS,GAAG,CAAC,CAAA;IAEnB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,aAAa;YACjF,sBAAsB,EAAE,SAAS;YACjC,uBAAuB,EAAE,SAAS;SACnC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAM,MAAM,IACxC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAAC,CAAC,CAAC,QAAQ,CAC3F,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"BoxFooter.native.js","sourceRoot":"","sources":["../../../../components/box/footer/BoxFooter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,eAAe,EACf,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,SAAS,GAAG,CAAC,CAAA;IAEnB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa;YACjB,sBAAsB,EAAE,SAAS;YACjC,uBAAuB,EAAE,SAAS;SACnC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAM,MAAM,IACxC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

package/lib/components/box/header/BoxHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxHeaderProps } from './BoxHeaderProps';
+import { BoxHeaderProps } from "./BoxHeaderProps";
 /**
  * Box Header Component
  * @param className {string} Additionnal CSS Classes

package/lib/components/box/header/BoxHeader.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Text } from '../../text';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { has } from '../../../services';
-import { getBackgroundClassName } from '../../../objects';
+import * as React from "react";
+import { Text } from "../../../components/text";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
+import { has } from "../../../services";
+import { getBackgroundClassName } from "../../../objects";
 /**
  * Box Header Component
  * @param className {string} Additionnal CSS Classes
@@ -18,9 +18,9 @@ import { getBackgroundClassName } from '../../../objects';
  */
 const BoxHeader = ({ children, className, help, centered, pulledLeft, pulledRight, variant, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('box-header', className, centered && 'has-text-centered', pulledRight && 'has-text-right', pulledLeft && 'has-text-left', variant && has(getBackgroundClassName(variant))));
+    const classes = hashClass(styled, clsx("box-header", className, centered && "has-text-centered", pulledRight && "has-text-right", pulledLeft && "has-text-left", variant && has(getBackgroundClassName(variant))));
     return (React.createElement("header", { "data-testid": testId, className: classes, ...others },
-        children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children,
+        children && typeof children.valueOf() === "string" ? (React.createElement("p", null, children)) : (children),
         help && (React.createElement(Text, { testId: testId && `${testId}-help`, className: 'box-header-help sticker is-small is-success' }, String(children)))));
 };
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxHeader.js","sourceRoot":"","sources":["../../../../components/box/header/BoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEzD;;;;;;;;;;GAUG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,YAAY,EACZ,SAAS,EACT,QAAQ,IAAI,mBAAmB,EAC/B,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,eAAe,EAC7B,OAAO,IAAI,GAAG,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAChD,CACF,CAAA;IAED,OAAO,CACL,+CAAqB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM;QACxD,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,+BAAI,QAAQ,CAAK,CAAC,CAAC,CAAC,QAAQ;QACjF,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE,SAAS,EAAC,6CAA6C,IAC9F,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"BoxHeader.js","sourceRoot":"","sources":["../../../../components/box/header/BoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD;;;;;;;;;;GAUG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,YAAY,EACZ,SAAS,EACT,QAAQ,IAAI,mBAAmB,EAC/B,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,eAAe,EAC7B,OAAO,IAAI,GAAG,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAChD,CACF,CAAA;IAED,OAAO,CACL,+CAAqB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM;QACxD,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,+BAAI,QAAQ,CAAK,CAClB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;QACA,IAAI,IAAI,CACP,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,IAAI,GAAG,MAAM,OAAO,EAClC,SAAS,EAAC,6CAA6C,IAEtD,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/box/header/BoxHeader.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BoxHeaderProps } from './BoxHeaderProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { BoxHeaderProps } from "./BoxHeaderProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens

package/lib/components/box/header/BoxHeader.native.js

@@ -1,7 +1,9 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { useContext } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { StatesContext } from "../../../context/providerStates";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens
@@ -13,37 +15,44 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param others
  */
 const BoxHeader = ({ children, variant, pulledRight, pulledLeft, centered, help, ...others }) => {
-    const headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.TERTIARY);
-    const textColor = getColorStyle(TrilogyColor.WHITE);
+    const statesContext = useContext(StatesContext);
+    const headerBgc = variant
+        ? getColorStyle(variant)
+        : getColorStyle(TrilogyColor.MAIN);
+    const textColor = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         boxHeader: {
-            width: '100%',
+            width: "100%",
             backgroundColor: headerBgc,
             padding: 10,
             paddingLeft: 16,
             borderTopLeftRadius: 6,
             borderTopRightRadius: 6,
-            justifyContent: 'space-between',
-            alignItems: (centered && 'center') || (pulledRight && 'flex-end') || (pulledLeft && 'flex-start') || 'flex-start',
-            flexDirection: 'row',
+            marginTop: (statesContext.active && -2) || (statesContext.flat && -1) || 0,
+            justifyContent: "space-between",
+            alignItems: (centered && "center") ||
+                (pulledRight && "flex-end") ||
+                (pulledLeft && "flex-start") ||
+                "flex-start",
+            flexDirection: "row",
         },
         text: {
             color: textColor,
             fontSize: 15,
-            fontWeight: '600',
+            fontWeight: "600",
         },
         helpContainer: {
-            alignSelf: 'center',
+            alignSelf: "center",
         },
         help: {
             fontSize: 12,
             color: textColor,
-            fontWeight: '600',
+            fontWeight: "600",
             lineHeight: 15,
         },
     });
     return (React.createElement(View, { style: [styles.boxHeader], ...others },
-        children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
+        children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
         help && (React.createElement(View, { style: styles.helpContainer },
             React.createElement(Text, { style: styles.help }, help)))));
 };

package/lib/components/box/header/BoxHeader.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxHeader.native.js","sourceRoot":"","sources":["../../../../components/box/header/BoxHeader.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IACzF,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,YAAY;YACjH,aAAa,EAAE,KAAK;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;SAClB;QACD,aAAa,EAAE;YACb,SAAS,EAAE,QAAQ;SACpB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,EAAE;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAM,MAAM;QACxC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;QAEA,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CAClC,CACR,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"BoxHeader.native.js","sourceRoot":"","sources":["../../../../components/box/header/BoxHeader.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAE/C,MAAM,SAAS,GAAG,OAAO;QACvB,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACxB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACpC,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAExD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,mBAAmB,EAAE,CAAC;YACtB,oBAAoB,EAAE,CAAC;YACvB,SAAS,EACP,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACjE,cAAc,EAAE,eAAe;YAC/B,UAAU,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,YAAY;YACd,aAAa,EAAE,KAAK;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;SAClB;QACD,aAAa,EAAE;YACb,SAAS,EAAE,QAAQ;SACpB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,EAAE;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAM,MAAM;QACxC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;QAEA,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CAClC,CACR,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

package/lib/components/box/item/BoxItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxItemProps } from './BoxItemProps';
+import { BoxItemProps } from "./BoxItemProps";
 /**
  * Box Item Component
  * @param className {string} Additionnal CSS Classes

package/lib/components/box/item/BoxItem.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Item Component
  * @param className {string} Additionnal CSS Classes
@@ -10,7 +10,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const BoxItem = ({ className, children, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx('box-item', className)), ...others }, children));
+    return (React.createElement("div", { className: hashClass(styled, clsx("box-item", className)), ...others }, children));
 };
 export default BoxItem;
 //# sourceMappingURL=BoxItem.js.map

package/lib/components/box/item/BoxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxItem.js","sourceRoot":"","sources":["../../../../components/box/item/BoxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IAChF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,IACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"BoxItem.js","sourceRoot":"","sources":["../../../../components/box/item/BoxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,IACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/box/item/BoxItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BoxItemProps } from './BoxItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { BoxItemProps } from "./BoxItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} BoxItem Children