@trilogy-ds/react 0.0.1-beta-112 → 0.0.1-beta-115

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

@@ -1,15 +1,14 @@
 /// <reference types="react" />
 import { Clickable } from '../../objects/facets/Clickable';
-import { BadgeColor, BadgeColorValues, BadgeTextDirection, BadgeTextDirectionValues } from './BadgeEnum';
+import { Invertable } from '../../objects/facets/Invertable';
 import { Accessibility } from '../../objects';
 /**
  * Badge Interface
  */
-export interface BadgeProps extends Clickable, Accessibility {
+export interface BadgeProps extends Clickable, Accessibility, Invertable {
     children?: React.ReactNode;
     content?: string | number;
     textContent?: string;
-    direction?: BadgeTextDirection | BadgeTextDirectionValues;
+    reversed?: boolean;
     className?: string;
-    color?: BadgeColor | BadgeColorValues;
 }

package/lib/components/badge/BadgePropsDefaults.js

@@ -0,0 +1,83 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "content": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string",
+      "number"
+    ]
+  },
+  "textContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "reversed": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

@@ -1,4 +1,3 @@
 import Badge from './Badge';
-import BadgeExample from './Badge.example';
 export * from './BadgeEnum';
-export { Badge, BadgeExample };
+export { Badge };

package/lib/components/badge/index.js

@@ -1,5 +1,4 @@
 import Badge from './Badge';
-import BadgeExample from './Badge.example';
 export * from './BadgeEnum';
-export { Badge, BadgeExample };
+export { Badge };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -5,9 +5,9 @@ import { BoxProps } from "./BoxProps";
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param inverted {boolean} Inverted Box Color
- * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param highlighted {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
  * @param backgroundSrc {string} Source of background Image
@@ -21,5 +21,5 @@ import { BoxProps } from "./BoxProps";
  * @param fullheight
  * @param others
  */
-declare const Box: ({ inverted, 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, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
 export default Box;

package/lib/components/box/Box.js

@@ -11,9 +11,9 @@ import { useTrilogyContext } from "../../context";
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param inverted {boolean} Inverted Box Color
- * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param highlighted {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
  * @param backgroundSrc {string} Source of background Image
@@ -27,10 +27,10 @@ import { useTrilogyContext } from "../../context";
  * @param fullheight
  * @param others
  */
-const Box = ({ inverted, 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, backgroundColor, highlighted, 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)), 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")));
+    const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")), isLoading ? is("loading") : is("loaded"), highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);

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

@@ -6,8 +6,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param children {React.ReactNode} Childrens
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param background {TrilogyColor} Box Content Background Color
- * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param testId {string} Test id
  * @param shadowless {boolean} Remove box shadow
  * @param backgroundSrc {string} Source of background Image
@@ -20,7 +20,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param others
  */
 declare const Box: {
-    ({ children, onClick, skeleton, leftBorder, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
+    ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Box;

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

@@ -2,7 +2,6 @@ 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";
 /**
@@ -10,8 +9,8 @@ import { StatesContext } from "../../context/providerStates";
  * @param children {React.ReactNode} Childrens
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param background {TrilogyColor} Box Content Background Color
- * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param testId {string} Test id
  * @param shadowless {boolean} Remove box shadow
  * @param backgroundSrc {string} Source of background Image
@@ -23,14 +22,14 @@ import { StatesContext } from "../../context/providerStates";
  * @param active {boolean} Activated box
  * @param others
  */
-const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }) => {
+const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, 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%",
-            backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
             borderRadius: boxRadius,
             flexDirection: "row",
             justifyContent: "flex-start",
@@ -38,8 +37,8 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
             borderStyle: flat ? "solid" : undefined,
             borderWidth: (flat && 1) || (active && 2) || 0,
             borderColor: active
-                ? getColorStyle(TrilogyColor.MAIN, 0)
-                : getColorStyle(TrilogyColor.FONT, 1),
+                ? getColorStyle(TrilogyColor.MAIN)
+                : getColorStyle(TrilogyColor.NEUTRAL),
             marginTop: hat ? 35 : 0,
             flex: fullheight ? 1 : 0,
         },
@@ -58,17 +57,17 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
         skeleton: {
             width: "100%",
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 0),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             overflow: "hidden",
             borderRadius: boxRadius,
         },
-        leftBorder: {
+        highlighted: {
             position: "absolute",
             width: 8,
             borderTopStartRadius: boxRadius,
             borderBottomStartRadius: boxRadius,
             height: boxHeight,
-            backgroundColor: leftBorder ? getColorStyle(leftBorder) : 'transparent',
+            backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
         },
         column: {
             flexDirection: "column",
@@ -102,10 +101,10 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
             }, 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 }),
+            Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
             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 }),
+            Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
             React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
                 React.createElement(View, { style: styles.column }, children))))));
     }
@@ -117,10 +116,10 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
         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 }),
+        Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
         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 }),
+        Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
         React.createElement(View, { style: styles.column }, children)))));
 };
 Box.displayName = ComponentName.Box;

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":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,YAAY,GAAuB,MAAM,wBAAwB,CAAA;AACzF,OAAO,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAA;IACnB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,YAAY;YAC5B,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACvC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC9C,WAAW,EAAE,MAAM;gBACjB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;gBACrC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YACvC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzB;QACD,MAAM,EAAE,UAAU;YAChB,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,WAAW,EAAE,MAAM;gBACnB,YAAY,EAAE;oBACZ,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;iBACV;gBACD,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,IAAI;gBAClB,SAAS,EAAE,CAAC;aACb;QACL,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;YAC7D,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,SAAS;SACxB;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,oBAAoB,EAAE,SAAS;YAC/B,uBAAuB,EAAE,SAAS;YAClC,MAAM,EAAE,SAAS;YACjB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,UAA+C,CAAC,CAAC,CAAC,CAAC,aAAa;SAE7G;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;QACD,aAAa,EAAE,EAAE;QACjB,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,IAAI,cAAc,CAAA;IAE1C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,KAAM,MAAM,EAAE,MAAM,EAAC,UAAU;QAClE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAQ;QAE7C,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC9C,CACR,CACa,CACjB,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,WAAW,OAAG,CAAA;KACvB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,gBAAgB,IACf,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;YACtC,8DAA8D;YAC9D,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAG,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,KAAK,CAAC,EACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;gBAC3C,YAAY,CAAC,MAAM,CAAC,CAAA;YACtB,CAAC,EACD,MAAM,EAAE,SAAS,IAEhB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,UAAU,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EACvC,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;gBAC/B,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;YAG3B,OAAO,CAAC,UAAU,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI;YAC1D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;gBAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACT,CACnB,CAAC,CAAC,CAAC,CACF;YACG,OAAO,CAAC,UAAU,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI;YAC1D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;gBAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACxB,CACJ,CACgB,CACpB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;YAC3C,YAAY,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC;QACD,8DAA8D;QAC9D,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAG,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,KAAK,CAAC,EACnE,MAAM,EAAE,SAAS,IAEhB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,UAAU,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EACvC,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG3B,OAAO,CAAC,UAAU,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI;QAC1D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACT,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAE9D,OAAO,CAAC,UAAU,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI;QAC1D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CAC1B,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAA;AAEnC,eAAe,GAAG,CAAA"}
+{"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

@@ -16,7 +16,7 @@ export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Access
     className?: string;
     markup?: BoxMarkup | BoxMarkupValues;
     to?: string;
-    leftBorder?: TrilogyColor | TrilogyColorValues;
+    highlighted?: TrilogyColor | TrilogyColorValues;
     shadowless?: boolean;
     backgroundSrc?: string;
     hat?: boolean;

package/lib/components/box/BoxPropsDefaults.js

@@ -0,0 +1,216 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "skeleton": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "markup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "div",
+      "a",
+      "DIV",
+      "A"
+    ]
+  },
+  "to": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "highlighted": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "shadowless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "backgroundSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "hat": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "flat": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "fullheight": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

@@ -3,10 +3,10 @@ import { BoxContentProps } from "./BoxContentProps";
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param testId test id
  */
-declare const BoxContent: ({ children, className, background, testId, ...others }: BoxContentProps) => JSX.Element;
+declare const BoxContent: ({ children, className, backgroundColor, testId, ...others }: BoxContentProps) => JSX.Element;
 export default BoxContent;

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

@@ -7,14 +7,14 @@ import { useTrilogyContext } from "../../../context";
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param testId test id
  */
-const BoxContent = ({ children, className, background, testId, ...others }) => {
+const BoxContent = ({ children, className, backgroundColor, testId, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("box-content", background && has(getBackgroundClassName(background)), className));
+    const classes = hashClass(styled, clsx("box-content", backgroundColor && has(getBackgroundClassName(backgroundColor)), 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,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"}
+{"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,eAAe,EACf,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,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,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

@@ -4,10 +4,10 @@ import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  */
 declare const BoxContent: {
-    ({ children, background, ...others }: BoxContentProps): JSX.Element;
+    ({ children, backgroundColor, ...others }: BoxContentProps): JSX.Element;
     displayName: ComponentName;
 };
 export default BoxContent;

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

@@ -1,20 +1,18 @@
 import * as React from "react";
 import { StyleSheet, Text, View } from "react-native";
-import { getBackgroundStyle } from "../../../objects/atoms/Background";
 import { ComponentName } from "../../../components/enumsComponentsName";
+import { getColorStyle } from "../../../objects";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
- * @param background {TrilogyColor} Box Content Background Color
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
  */
-const BoxContent = ({ children, background, ...others }) => {
+const BoxContent = ({ children, backgroundColor, ...others }) => {
     const styles = StyleSheet.create({
         boxContent: {
             padding: 16,
             justifyContent: "center",
-            backgroundColor: background
-                ? getBackgroundStyle(background)
-                : "transparent",
+            backgroundColor: backgroundColor && getColorStyle(backgroundColor) || "transparent",
             borderRadius: 6,
         },
     });

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,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"}
+{"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,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,eAAe,EACf,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,eAAe,IAAI,aAAa,CAAC,eAAe,CAAC,IAAI,aAAa;YACnF,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"}