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

package/lib/components/range/Range.native.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import MultiSlider from '@ptomasroos/react-native-multi-slider';
-import { Text, TextLevels } from '../text';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import MultiSlider from "@ptomasroos/react-native-multi-slider";
+import { Text, TextLevels } from "../text";
+import { getColorStyle, TrilogyColor, TypographyBold } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -22,7 +22,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param valueCursorMin {number} number of input min
  * @param valueCursorMax {number} number of input max
  */
-const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange }) => {
+const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }) => {
     const [values, setValues] = React.useState([0, 100]);
     const [width, setWidth] = React.useState(0);
     const styles = StyleSheet.create({
@@ -30,8 +30,8 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             width: 20,
             height: 20,
             borderRadius: 20,
-            backgroundColor: 'white',
-            shadowColor: '#000',
+            backgroundColor: "white",
+            shadowColor: "#000",
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -40,7 +40,11 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             shadowRadius: 3.84,
             elevation: 5,
         },
-        markerLabels: { flexDirection: 'row', justifyContent: 'space-between', marginTop: -6 },
+        markerLabels: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            marginTop: -6,
+        },
     });
     const Marker = () => React.createElement(View, { style: styles.marker });
     return (React.createElement(View, { onLayout: (event) => {
@@ -51,19 +55,19 @@ const Range = ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onCh
             React.createElement(Text, { level: TextLevels.THREE }, label && label)),
         React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: (e) => {
                 setValues(e);
-                onChange && onChange({ inputName: 'range', inputValue: e });
+                onChange && onChange({ inputName: "range", inputValue: e });
             }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
-                backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
+                backgroundColor: getColorStyle(TrilogyColor.MAIN),
                 height: 4,
             }, unselectedStyle: {
-                backgroundColor: '#e1e1e1',
+                backgroundColor: "#e1e1e1",
                 height: 4,
             } }),
         React.createElement(View, { style: styles.markerLabels },
-            React.createElement(View, { style: { flexDirection: 'row' } },
+            React.createElement(View, { style: { flexDirection: "row" } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[0]),
                 labelValueCursorMin && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMin))),
-            React.createElement(View, { style: { flexDirection: 'row' } },
+            React.createElement(View, { style: { flexDirection: "row" } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[1]),
                 labelValueCursorMax && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMax))))));
 };

package/lib/components/range/Range.native.js.map

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

package/lib/components/range/RangeProps.d.ts

@@ -2,11 +2,14 @@
  * range Interface
  */
 import { Accessibility } from '../../objects';
-export interface InputChangeEvent {
+export type InputChangeEventHandlerNative = (event: {
+    inputValue: number[];
     inputName: string;
-    inputValue: string | number[];
-}
-export type InputChangeEventHandler = (event: InputChangeEvent) => void;
+}) => void;
+export type InputChangeEventHandlerWeb = (event: {
+    inputValue: number;
+    inputName: string | undefined;
+}) => void;
 export interface RangeProps extends Accessibility {
     min: number;
     max: number;
@@ -15,12 +18,12 @@ export interface RangeProps extends Accessibility {
     valueCursorMax?: number;
     labelValueCursorMin?: string;
     labelValueCursorMax?: string;
-    onChangeMin?: InputChangeEventHandler;
-    onChangeMax?: InputChangeEventHandler;
+    onChangeMin?: InputChangeEventHandlerWeb;
+    onChangeMax?: InputChangeEventHandlerWeb;
     nameMin?: string;
     idMin?: string;
     nameMax?: string;
     idMax?: string;
     gap?: number;
-    onChange?: InputChangeEventHandler;
+    onChange?: InputChangeEventHandlerNative;
 }

package/lib/components/rows/Rows.d.ts

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

package/lib/components/rows/Rows.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -10,7 +10,7 @@ import { useTrilogyContext } from '../../context';
  */
 const Rows = ({ className, ...others }) => {
     const { styled } = useTrilogyContext();
-    return React.createElement("div", { className: hashClass(styled, clsx('rows', className)), ...others });
+    return (React.createElement("div", { className: hashClass(styled, clsx("rows", className)), ...others }));
 };
 export default Rows;
 //# sourceMappingURL=Rows.js.map

package/lib/components/rows/Rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAAA;AACnF,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/rows/Rows.native.d.ts

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

package/lib/components/rows/Rows.native.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
@@ -8,8 +8,8 @@ import { ComponentName } from '../enumsComponentsName';
 const Rows = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         rows: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
         },
     });

package/lib/components/rows/Rows.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

package/lib/components/rows/item/RowItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RowsItemProps } from './RowItemProps';
+import { RowsItemProps } from "./RowItemProps";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

package/lib/components/rows/item/RowItem.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
@@ -12,7 +12,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const RowItem = ({ className, narrow, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
+    const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
     return React.createElement("div", { className: classes, ...others });
 };
 export default RowItem;

package/lib/components/rows/item/RowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IAC/E,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACjF,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/rows/item/RowItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RowsItemProps } from './RowItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { RowsItemProps } from "./RowItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

package/lib/components/rows/item/RowItem.native.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly

package/lib/components/rows/item/RowItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAiB,EAAe,EAAE;IAC9E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,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,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,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,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}

package/lib/components/scroll-view/ScrollView.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ScrollViewProps } from './ScrollViewProps';
+import * as React from "react";
+import { ScrollViewProps } from "./ScrollViewProps";
 /**
  * Scroll View Component
  * @param children {React.ReactNode} ScrollView child

package/lib/components/scroll-view/ScrollView.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 import { useTrilogyContext } from "../../context";
 import { hashClass } from "../../helpers";
 import clsx from "clsx";
@@ -23,16 +23,16 @@ const ScrollView = React.forwardRef(({ id, scrollDirection, children }, ref) =>
     const scrollDirectionClassName = () => {
         switch (scrollDirection) {
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.HORIZONTAL:
-                return is('horizontal');
+                return is("horizontal");
             case ScrollDirectionEnum === null || ScrollDirectionEnum === void 0 ? void 0 : ScrollDirectionEnum.VERTICAL:
-                return is('vertical');
+                return is("vertical");
             default:
-                return '';
+                return "";
         }
     };
-    const classes = hashClass(styled, clsx('scroll-view', scrollDirection && scrollDirectionClassName()));
-    return React.createElement("div", { ref: ref, className: classes, id: id }, children);
+    const classes = hashClass(styled, clsx("scroll-view", scrollDirection && scrollDirectionClassName()));
+    return (React.createElement("div", { ref: ref, className: classes, id: id }, children));
 });
-ScrollView.displayName = 'ScrollView';
+ScrollView.displayName = "ScrollView";
 export default ScrollView;
 //# sourceMappingURL=ScrollView.js.map

package/lib/components/scroll-view/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAe,EAAE;IAC3H,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,eAAe,EAAE;YACvB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU;gBAClC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ;gBAChC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAA;YACvB;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,aAAa,EACb,eAAe,IAAI,wBAAwB,EAAE,CAC9C,CACF,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IAE5C,QAAQ,CAEN,CAAA;AACR,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE/C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAe,EAAE;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,QAAQ,eAAe,EAAE;YACvB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU;gBAClC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,QAAQ;gBAChC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAA;YACvB;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,aAAa,EAAE,eAAe,IAAI,wBAAwB,EAAE,CAAC,CACnE,CAAA;IACD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IACtC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/lib/components/scroll-view/ScrollView.native.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ScrollView as ScrollViewNative } from 'react-native';
-import { ScrollViewProps } from './ScrollViewProps';
+import * as React from "react";
+import { ScrollView as ScrollViewNative } from "react-native";
+import { ScrollViewProps } from "./ScrollViewProps";
 declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewNative>>;
 export default ScrollView;

package/lib/components/scroll-view/ScrollView.native.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl } from 'react-native';
-import { getColorStyle, ScrollDirectionEnum } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Platform, ScrollView as ScrollViewNative, View, RefreshControl, } from "react-native";
+import { getColorStyle, ScrollDirectionEnum } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent, refresh, onRefresh, refreshControlColor, id, scrollDirection, ...others }, ref) => {
     const [refreshing, setRefreshing] = React.useState(false);
     const wait = (timeout) => {
@@ -12,10 +12,14 @@ const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent,
         wait(2000).then(() => setRefreshing(false));
     }, []);
     const styles = StyleSheet.create({
-        stickyContent: { flexGrow: 1, justifyContent: 'space-between', flexDirection: 'column' },
+        stickyContent: {
+            flexGrow: 1,
+            justifyContent: "space-between",
+            flexDirection: "column",
+        },
     });
     if (footer) {
-        return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
+        return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, showsVerticalScrollIndicator: false, contentContainerStyle: styles.stickyContent, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never", ...(refresh && {
                 refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
                         onRefreshing();
                         if (onRefresh) {
@@ -23,17 +27,20 @@ const ScrollView = React.forwardRef(({ children, footer, bounce, centerContent,
                         }
                     } })),
             }), ...others },
-            React.createElement(View, { style: { flex: 1, justifyContent: centerContent ? 'center' : 'flex-start' } }, children),
-            React.createElement(View, { style: { justifyContent: 'flex-end' } }, footer)));
+            React.createElement(View, { style: {
+                    flex: 1,
+                    justifyContent: centerContent ? "center" : "flex-start",
+                } }, children),
+            React.createElement(View, { style: { justifyContent: "flex-end" } }, footer)));
     }
-    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === 'ios' && true, overScrollMode: (bounce && Platform.OS === 'android' && 'always') || 'never', ...(refresh && {
+    return (React.createElement(ScrollViewNative, { horizontal: scrollDirection === ScrollDirectionEnum.HORIZONTAL, testID: id, contentContainerStyle: { flexGrow: 1 }, ref: ref, showsVerticalScrollIndicator: false, bounces: bounce && Platform.OS === "ios" && true, overScrollMode: (bounce && Platform.OS === "android" && "always") || "never", ...(refresh && {
             refreshControl: (React.createElement(RefreshControl, { tintColor: refreshControlColor && getColorStyle(refreshControlColor), colors: refreshControlColor && [getColorStyle(refreshControlColor)], refreshing: refreshing, onRefresh: () => {
                     onRefreshing();
                     if (onRefresh) {
                         onRefresh();
                     }
                 } })),
-        }), ...others }, centerContent ? React.createElement(View, { style: { flex: 1, justifyContent: 'center' } }, children) : children));
+        }), ...others }, centerContent ? (React.createElement(View, { style: { flex: 1, justifyContent: "center" } }, children)) : (children)));
 });
 ScrollView.displayName = ComponentName.ScrollView;
 export default ScrollView;

package/lib/components/scroll-view/ScrollView.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.native.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScrollView.native.js","sourceRoot":"","sources":["../../../components/scroll-view/ScrollView.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,EACV,QAAQ,EACR,UAAU,IAAI,gBAAgB,EAC9B,IAAI,EACJ,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAqBhE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,mBAAmB,EACnB,EAAE,EACF,eAAe,EACf,GAAG,MAAM,EACO,EAClB,GAAkB,EACL,EAAE;IACf,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,MAAM,IAAI,GAAG,CAAC,OAAe,EAAE,EAAE;QAC/B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,aAAa,EAAE;YACb,QAAQ,EAAE,CAAC;YACX,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,QAAQ;SACxB;KACF,CAAC,CAAA;IAEF,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,gBAAgB,IACf,UAAU,EAAE,eAAe,KAAK,mBAAmB,CAAC,UAAU,EAC9D,MAAM,EAAE,EAAE,EACV,4BAA4B,EAAE,KAAK,EACnC,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,OAAO,EAAE,MAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,IAAI,EAChD,cAAc,EACZ,CAAC,MAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,OAAO,KAE1D,CAAC,OAAO,IAAI;gBACd,cAAc,EAAE,CACd,oBAAC,cAAc,IACb,SAAS,EACP,mBAAmB,IAAI,aAAa,CAAC,mBAAmB,CAAC,EAE3D,MAAM,EACJ,mBAAmB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,EAE7D,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,GAAG,EAAE;wBACd,YAAY,EAAE,CAAA;wBACd,IAAI,SAAS,EAAE;4BACb,SAAS,EAAE,CAAA;yBACZ;oBACH,CAAC,GACD,CACH;aACF,CAAC,KACE,MAAM;YAEV,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;iBACxD,IAEA,QAAQ,CACJ;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,IAAG,MAAM,CAAQ,CAC3C,CACpB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,UAAU,EAAE,eAAe,KAAK,mBAAmB,CAAC,UAAU,EAC9D,MAAM,EAAE,EAAE,EACV,qBAAqB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACtC,GAAG,EAAE,GAAG,EACR,4BAA4B,EAAE,KAAK,EACnC,OAAO,EAAE,MAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,IAAI,EAChD,cAAc,EACZ,CAAC,MAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,OAAO,KAE1D,CAAC,OAAO,IAAI;YACd,cAAc,EAAE,CACd,oBAAC,cAAc,IACb,SAAS,EACP,mBAAmB,IAAI,aAAa,CAAC,mBAAmB,CAAC,EAE3D,MAAM,EACJ,mBAAmB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,EAE7D,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,GAAG,EAAE;oBACd,YAAY,EAAE,CAAA;oBACd,IAAI,SAAS,EAAE;wBACb,SAAS,EAAE,CAAA;qBACZ;gBACH,CAAC,GACD,CACH;SACF,CAAC,KACE,MAAM,IAET,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAG,QAAQ,CAAQ,CACtE,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACgB,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/section/Section.d.ts

@@ -10,5 +10,5 @@ import { SectionProps } from './SectionProps';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-declare const Section: ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
+declare const Section: ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
 export default Section;

package/lib/components/section/Section.js

@@ -14,13 +14,13 @@ import { useTrilogyContext } from '../../context';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-const Section = ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }) => {
+const Section = ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }) => {
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);
-    const _className = hashClass(styled, clsx('section', className, isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless'), background && has(getBackgroundClassName(background)), backgroundSrc && has('background')));
+    const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
     return (React.createElement("section", { ...(backgroundSrc && {
             style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
         }), className: _className, ...others }));

package/lib/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,EACjD,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,CACnC,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/section/Section.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SectionProps } from './SectionProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SectionProps } from "./SectionProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {ReactNode} Section children

package/lib/components/section/Section.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ImageBackground, StyleSheet, View } from 'react-native';
-import { AutoLayoutWrapper } from '../autolayout';
-import { getBackgroundStyle, getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { ImageBackground, StyleSheet, View } from "react-native";
+import { AutoLayoutWrapper } from "../../components/autolayout";
+import { getBackgroundStyle, getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {ReactNode} Section children
@@ -14,7 +14,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param verticalPaddingless {boolean} remove vertical padding
  */
 const Section = ({ autolayout = true, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
-    const colorBgc = getColorStyle(TrilogyColor.WHITE);
+    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         section: {
             backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
@@ -22,15 +22,17 @@ const Section = ({ autolayout = true, background, backgroundSrc, children, paddi
             paddingBottom: paddingless || verticalPaddingless ? 0 : 32,
             paddingRight: paddingless ? 0 : 24,
             paddingLeft: paddingless ? 0 : 24,
-            width: fullwidth ? '100%' : 'auto',
+            width: fullwidth ? "100%" : "auto",
         },
         sectionImage: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
-            height: 'auto',
+            height: "auto",
         },
     });
-    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === "number"
+            ? backgroundSrc
+            : { uri: backgroundSrc } },
         React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))) : (React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))));
 };
 Section.displayName = ComponentName.Section;

package/lib/components/section/Section.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAElD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EAAE,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAElF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG5B,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/section/SectionProps.d.ts

@@ -5,5 +5,4 @@ import type { BackgroundProps, Fullwidth, Layout, Paddingless, Position, Vertica
 export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Position, Paddingless, VerticalPaddingless, ChildrenWithNoText {
     className?: string;
     skeleton?: boolean;
-    backgroundSrc?: string;
 }

package/lib/components/segment-control/SegmentControl.js.map

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

package/lib/components/segment-control/SegmentControl.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SegmentControlProps } from './SegmentControlProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SegmentControlProps } from "./SegmentControlProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentedControl

package/lib/components/segment-control/SegmentControl.native.js

@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
-import { StyleSheet } from 'react-native';
-import { View } from '../view';
-import { Text, TextLevels } from '../text';
-import SegmentedControlItem from './item';
-import { mixColors, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useState } from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../../components/view";
+import { Text, TextLevels } from "../../components/text";
+import SegmentedControlItem from "./item";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentedControl
@@ -17,7 +17,7 @@ import { ComponentName } from '../enumsComponentsName';
 const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless, inverted, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
     const isActive = (index, childPropsActive) => {
-        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
+        if (typeof childPropsActive !== "undefined" && !activateIndex) {
             return childPropsActive;
         }
         if (index === activateIndex) {
@@ -39,13 +39,11 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             paddingRight: marginless ? 0 : 10,
         },
         segmentedControl: {
-            flexDirection: 'row',
-            width: '100%',
-            backgroundColor: mixColors(TrilogyColor.GREY, -96),
+            flexDirection: "row",
+            width: "100%",
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRadius: 4,
             padding: 4,
-            borderWidth: 1,
-            borderColor: mixColors(TrilogyColor.GREY, -80),
             paddingRight: -4,
         },
     });
@@ -55,7 +53,8 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             children.map((child, index) => {
                 const props = {
-                    inverted: Boolean(isActive(index, child.props.active) && inverted) || false,
+                    inverted: Boolean(isActive(index, child.props.active) && inverted) ||
+                        false,
                     active: Boolean(isActive(index, child.props.active)) || false,
                     disabled: child.props.disabled,
                     key: index,
@@ -70,7 +69,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
                     },
                 };
                 if (index < 5) {
-                    return typeof child.valueOf() === 'string' ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                    return typeof child.valueOf() === "string" ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
                         React.createElement(Text, { level: TextLevels.ONE }, String(child)))) : (React.cloneElement(child, props));
                 }
             }))));