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

package/lib/components/table/td/TableTd.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/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
 const TableTd = ({ className, rowSpan, colSpan, ...others }) => {
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx(className));
-    return React.createElement("td", { className: classes, rowSpan: rowSpan, colSpan: colSpan, ...others });
+    return (React.createElement("td", { className: classes, rowSpan: rowSpan, colSpan: colSpan, ...others }));
 };
 export default TableTd;
 //# sourceMappingURL=TableTd.js.map

package/lib/components/table/td/TableTd.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTd.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AACnF,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTd.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/table/td/TableTd.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableTdProps } from './TableTdProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TableTdProps } from "./TableTdProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children

package/lib/components/table/td/TableTd.native.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -9,19 +9,19 @@ import { ComponentName } from '../../enumsComponentsName';
 const TableTd = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         table: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             padding: 10,
             borderBottomWidth: 0.2,
             borderRightWidth: 0.2,
-            borderBottomColor: getColorStyle(TrilogyColor.GREY_LIGHT),
-            borderRightColor: getColorStyle(TrilogyColor.GREY_LIGHT),
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
+            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
         },
     });
-    return (React.createElement(View, { style: styles.table, ...others }, children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
+    return (React.createElement(View, { style: styles.table, ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
 };
 TableTd.displayName = ComponentName.TableTd;
 export default TableTd;

package/lib/components/table/td/TableTd.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.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,kBAAkB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YACzD,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;SAC5C;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,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,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.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,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC9D,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9D;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,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,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/table/th/TableTh.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableThProps } from './TableThProps';
+import { TableThProps } from "./TableThProps";
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH

package/lib/components/table/th/TableTh.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/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
 const TableTh = ({ className, colSpan, rowSpan, ...others }) => {
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx(className));
-    return React.createElement("th", { className: classes, colSpan: colSpan, rowSpan: rowSpan, ...others });
+    return (React.createElement("th", { className: classes, colSpan: colSpan, rowSpan: rowSpan, ...others }));
 };
 export default TableTh;
 //# sourceMappingURL=TableTh.js.map

package/lib/components/table/th/TableTh.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTh.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AACnF,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTh.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/table/th/TableTh.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableThProps } from './TableThProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TableThProps } from "./TableThProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH

package/lib/components/table/th/TableTh.native.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { View } from '../../view';
-import { Text } from '../../text';
-import { getColorStyle, mixColors, TrilogyColor, TypographyBold } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../../../components/view";
+import { Text } from "../../../components/text";
+import { getColorStyle, TrilogyColor, TypographyBold } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH
@@ -11,16 +11,16 @@ import { ComponentName } from '../../enumsComponentsName';
 const TableTh = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         tableTh: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHT),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             padding: 10,
-            borderRightColor: mixColors(TrilogyColor.GREY, -86),
+            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRightWidth: 0.2,
         },
         title: {
             fontSize: 14,
-            fontWeight: 'bold',
+            fontWeight: "bold",
         },
     });
     return (React.createElement(View, { style: styles.tableTh, ...others },

package/lib/components/table/th/TableTh.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTh.native.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YACvD,OAAO,EAAE,EAAE;YACX,gBAAgB,EAAE,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;YACnD,gBAAgB,EAAE,GAAG;SACtB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM;QACrC,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACnE,MAAM,CAAC,QAAQ,CAAC,CACZ,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTh.native.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC5D,OAAO,EAAE,EAAE;YACX,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC7D,gBAAgB,EAAE,GAAG;SACtB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM;QACrC,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACnE,MAAM,CAAC,QAAQ,CAAC,CACZ,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/table/tr/TableTr.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableTrProps } from './TableTrProps';
+import { TableTrProps } from "./TableTrProps";
 /**
  * Table TR Component
  * @param children {ReactNode}

package/lib/components/table/tr/TableTr.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../..//helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
-import { useTrilogyContext } from '../../..//context/index';
-import { getColorClassName } from '../../../objects/facets/Color';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table TR Component
  * @param children {ReactNode}
@@ -18,7 +18,7 @@ import { getColorClassName } from '../../../objects/facets/Color';
  */
 const TableTr = ({ className, expandable, expanded, expansion, color, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(className, expandable && is('expandable'), expanded && is('expanded'), expansion && is('expansion'), color && getColorClassName(color)));
+    const classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
     return React.createElement("tr", { className: classes, ...others });
 };
 export default TableTr;

package/lib/components/table/tr/TableTr.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTr.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEjE;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IAC9G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAClC,CACF,CAAA;IAED,OAAO,4BAAI,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC/C,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTr.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAClC,CACF,CAAA;IAED,OAAO,4BAAI,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC/C,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/table/tr/TableTr.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableTrPropsNative } from './TableTrProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children

package/lib/components/table/tr/TableTr.native.js

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { View } from '../../view';
-import { Text, TextLevels } from '../../text';
-import { ComponentName } from '../../enumsComponentsName';
+import { View } from '../../../components/view';
+import { Text, TextLevels } from '../../../components/text';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../components/../objects';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
@@ -13,12 +14,12 @@ const TableTr = ({ children, expandable, expanded, ...others }) => {
     const [isExpanded, setIsExpended] = useState(false);
     const styles = StyleSheet.create({
         tableTr: {
-            flexDirection: 'row',
+            flexDirection: "row",
             flex: 1,
         },
         expendable: {
-            width: '100%',
-            backgroundColor: '#F8F8F8',
+            width: "100%",
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             padding: 10,
         },
     });
@@ -28,9 +29,9 @@ const TableTr = ({ children, expandable, expanded, ...others }) => {
     if (expandable) {
         return (React.createElement(View, null,
             React.createElement(TouchableOpacity, { onPress: () => handleExpendedContent(), style: styles.tableTr, ...others }, children),
-            isExpanded && expanded && typeof expanded.valueOf() === 'string' && (React.createElement(View, { style: styles.expendable },
+            isExpanded && expanded && typeof expanded.valueOf() === "string" && (React.createElement(View, { style: styles.expendable },
                 React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
-            isExpanded && expanded && React.isValidElement(expanded) && React.createElement(View, { style: styles.expendable }, expanded)));
+            isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
     }
     return (React.createElement(View, { style: styles.tableTr, ...others }, children));
 };

package/lib/components/table/tr/TableTr.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTr.native.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAsB,EAAe,EAAE;IACjG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACxF,QAAQ,CACQ;YAClB,UAAU,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAClD,CACR;YACA,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,QAAQ,CAAQ,CACzG,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTr.native.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAErE;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC5D,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EACtC,KAAK,EAAE,MAAM,CAAC,OAAO,KACjB,MAAM,IAET,QAAQ,CACQ;YAClB,UAAU,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAClD,CACR;YACA,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAC3D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,QAAQ,CAAQ,CAClD,CACI,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/tabs/Tabs.js

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { has, is } from '../../services';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs

package/lib/components/tabs/Tabs.js.map

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

package/lib/components/tabs/Tabs.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TabsProps } from './TabsProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -8,9 +8,10 @@ import { ComponentName } from '../enumsComponentsName';
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
  * @param inverted {boolean} dark mode
+ * @param centered {boolean} Is centered
  */
 declare const Tabs: {
-    ({ children, onClick, activeIndex, disabled, inverted, ...others }: TabsProps): JSX.Element;
+    ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Tabs;

package/lib/components/tabs/Tabs.native.js

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
 import { StyleSheet, ScrollView } from 'react-native';
-import { Text, TextLevels } from '../text';
+import { Text, TextLevels } from '../../components/text';
 import TabsItem from './item';
 import { getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -11,8 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
  * @param inverted {boolean} dark mode
+ * @param centered {boolean} Is centered
  */
-const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others }) => {
+const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex);
     const [isIcons, setIsIcons] = React.useState(false);
     const isActive = (index, childPropsActive) => {
@@ -36,11 +37,10 @@ const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others })
         tabs: {
             height: isIcons ? 64 : 48,
             flexDirection: 'row',
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.TERTIARY) : getColorStyle(TrilogyColor.WHITE),
-            overflow: 'visible',
+            backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND)
         },
     });
-    return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others }, children &&
+    return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others, contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }, children &&
         Array.isArray(children) &&
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         children.map((child, index) => {

package/lib/components/tabs/Tabs.native.js.map

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

package/lib/components/tabs/item/TabsItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabsItemProps } from './TabsItemProps';
+import { TabsItemProps } from "./TabsItemProps";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item

package/lib/components/tabs/item/TabsItem.js

@@ -1,9 +1,8 @@
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Icon } from '../../icon';
-import { is } from '../../../services';
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
+import { Icon } from "../../../components/icon";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -23,16 +22,16 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
     // accessibility
     const a11y = {
         a: {
-            'aria-selected': activeItem,
-            'data-tab-navigation': '',
+            "aria-selected": activeItem,
+            "data-tab-navigation": "",
         },
     };
     useEffect(() => {
         setActiveItem(active || false);
     }, [active]);
-    const classes = hashClass(styled, clsx('tab', disabled && is('disabled'), className, { 'is-active': activeItem }));
+    const classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
     if (routerLink && (to || href)) {
-        const RouterLink = (routerLink ? routerLink : 'a');
+        const RouterLink = (routerLink ? routerLink : "a");
         return (React.createElement(RouterLink, { "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
                 if (!disabled) {
                     const target = e.target;
@@ -43,10 +42,10 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
                     }
                 }
             } },
-            React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+            React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
             children));
     }
-    return (React.createElement("button", { className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
+    return (React.createElement("button", { "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
             if (!disabled) {
                 const target = e.target;
                 setActiveItem(active || false);
@@ -56,7 +55,7 @@ const TabsItem = ({ active, children, className, onClick, to, href, routerLink,
                 }
             }
         } },
-        React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
+        React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
         children));
 };
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.js.map

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

package/lib/components/tabs/item/TabsItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TabsItemProps } from './TabsItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TabsItemProps } from "./TabsItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -9,7 +9,7 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param iconName {IconNameValues | IconName} add icon name
  */
 declare const TabsItem: {
-    ({ active, children, onClick, tabIndex, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
+    ({ active, children, onClick, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.native.js

@@ -1,10 +1,9 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { TypographyBold } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
-import { Icon } from '../../icon';
-import { Text, TextLevels } from '../../text';
+import React, { useEffect, useState } from "react";
+import { Animated, StyleSheet, TouchableOpacity, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { Icon } from "../../../components/icon";
+import { Text, TextLevels } from "../../../components/text";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -12,42 +11,55 @@ import { Text, TextLevels } from '../../text';
  * @param onClick onClick Event
  * @param iconName {IconNameValues | IconName} add icon name
  */
-const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, disabled, ...others }) => {
+const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...others }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [activeItem, setActiveItem] = useState(active || false);
-    const [isPressIn, setInPressIn] = useState(false);
+    const [, setActiveItem] = useState(active || false);
+    const [, setInPressIn] = useState(false);
+    const animatedBorderStyle = {
+        borderBottomWidth: active && 2 || 0,
+    };
     const getIconColor = React.useMemo(() => {
         if (inverted) {
             if (disabled)
-                return TrilogyColor.GREY_LIGHT;
-            return TrilogyColor.WHITE;
+                return TrilogyColor.NEUTRAL_LIGHT;
+            return TrilogyColor.BACKGROUND;
         }
         if (disabled)
-            return TrilogyColor.GREY;
+            return TrilogyColor.DISABLED;
         if (active)
-            return TrilogyColor.SECONDARY;
-        return TrilogyColor.TERTIARY;
+            return TrilogyColor.MAIN;
+        return TrilogyColor.MAIN;
+    }, [inverted, disabled, active]);
+    const getBorderColor = React.useMemo(() => {
+        if (disabled)
+            return "transparent";
+        if (inverted) {
+            if (active)
+                return getColorStyle(TrilogyColor.BACKGROUND);
+        }
+        if (active)
+            return getColorStyle(TrilogyColor.MAIN);
+        return "transparent";
     }, [inverted, disabled, active]);
     const styles = StyleSheet.create({
         tabsItem: {
-            marginRight: 8,
-            alignItems: 'center',
-            justifyContent: 'center',
-            ...(tabIndex === 0 && { marginLeft: 24 }),
-            padding: 8,
-            position: 'relative',
+            alignItems: "center",
+            justifyContent: "center",
+            paddingVertical: 6,
+            paddingHorizontal: 14,
+            position: "relative",
+            height: iconName ? 60 : 44,
         },
         text: {
-            color: isPressIn && !inverted && !disabled ? getColorStyle(TrilogyColor.SECONDARY) : getColorStyle(getIconColor),
-            textAlign: 'center',
+            color: getColorStyle(getIconColor),
+            textAlign: "center",
         },
-        activeBar: {
-            height: 2,
-            backgroundColor: inverted ? getColorStyle(TrilogyColor.WHITE) : getColorStyle(TrilogyColor.SECONDARY),
-            width: '100%',
-            position: 'absolute',
-            bottom: 4,
-            borderRadius: 2,
+        border: {
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            borderBottomColor: getBorderColor,
         },
     });
     useEffect(() => {
@@ -64,8 +76,8 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
         iconName && (React.createElement(View, null,
             React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
         children &&
-            (typeof children.valueOf() === 'string' ? (React.createElement(Text, { typo: active ? TypographyBold.TEXT_WEIGHT_SEMIBOLD : TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
-        active && !disabled && React.createElement(View, { style: styles.activeBar })));
+            (typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
+        React.createElement(Animated.View, { style: [styles.border, animatedBorderStyle] })));
 };
 TabsItem.displayName = ComponentName.TabsItem;
 export default TabsItem;