@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/components/title/Title.native.js

@@ -1,14 +1,16 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { StatesContext } from '../../context/providerStates';
-import { isAndroid } from '../../helpers/device.native';
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import * as React from 'react';
-import { useContext } from 'react';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { StyleSheet, Text as TextNative, TouchableOpacity, View } from 'react-native';
-import { TitleLevels } from './TitleEnum';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var providerStates_1 = require("../../context/providerStates");
+var device_native_1 = require("../../helpers/device.native");
+var objects_1 = require("../../objects");
+var Color_1 = require("../../objects/facets/Color");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var native_1 = tslib_1.__importStar(require("react-content-loader/native"));
+var react_native_1 = require("react-native");
+var TitleEnum_1 = require("./TitleEnum");
 /**
  * Title component
  * @param children {ReactNode} Title child
@@ -24,26 +26,26 @@ import { TitleLevels } from './TitleEnum';
  * @param overline {boolean} Overline above title
  */
 var Title = React.forwardRef(function (_a, ref) {
-    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
-    var statesContext = useContext(StatesContext);
-    var color = setTypographyColor(typo, inverted || statesContext.inverted, skeleton);
-    var colorOverline = getColorStyle(TrilogyColor.MAIN);
-    var fontFamily = level && [TitleLevels.ONE, TitleLevels.TWO].includes(level)
-        ? TypographyBold.TEXT_WEIGHT_BOLD
-        : TypographyBold.TEXT_WEIGHT_SEMIBOLD;
+    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = tslib_1.__rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
+    var statesContext = (0, react_1.useContext)(providerStates_1.StatesContext);
+    var color = (0, objects_1.setTypographyColor)(typo, inverted || statesContext.inverted, skeleton);
+    var colorOverline = (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN);
+    var fontFamily = level && [TitleEnum_1.TitleLevels.ONE, TitleEnum_1.TitleLevels.TWO].includes(level)
+        ? objects_1.TypographyBold.TEXT_WEIGHT_BOLD
+        : objects_1.TypographyBold.TEXT_WEIGHT_SEMIBOLD;
     var titlesLevels = function () {
         switch (level) {
-            case TitleLevels.ONE:
+            case TitleEnum_1.TitleLevels.ONE:
                 return 32;
-            case TitleLevels.TWO:
+            case TitleEnum_1.TitleLevels.TWO:
                 return 28;
-            case TitleLevels.THREE:
+            case TitleEnum_1.TitleLevels.THREE:
                 return 22;
-            case TitleLevels.FOUR:
+            case TitleEnum_1.TitleLevels.FOUR:
                 return 20;
-            case TitleLevels.FIVE:
+            case TitleEnum_1.TitleLevels.FIVE:
                 return 18;
-            case TitleLevels.SIX:
+            case TitleEnum_1.TitleLevels.SIX:
                 return 16;
             default:
                 return 16;
@@ -51,22 +53,22 @@ var Title = React.forwardRef(function (_a, ref) {
     };
     var getAlignSelf = function () {
         switch (true) {
-            case setTypographyAlign(typo) === 'left':
+            case (0, objects_1.setTypographyAlign)(typo) === 'left':
                 return 'flex-start';
-            case setTypographyAlign(typo) === 'center':
+            case (0, objects_1.setTypographyAlign)(typo) === 'center':
                 return 'center';
-            case setTypographyAlign(typo) === 'right':
+            case (0, objects_1.setTypographyAlign)(typo) === 'right':
                 return 'flex-end';
             default:
                 return 'flex-start';
         }
     };
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         text: {
-            fontFamily: getTypographyBoldStyle(fontFamily),
+            fontFamily: (0, objects_1.getTypographyBoldStyle)(fontFamily),
             fontSize: titlesLevels(),
             color: ((overline || subtitle) && !level && colorOverline) || color,
-            textAlign: setTypographyAlign(typo),
+            textAlign: (0, objects_1.setTypographyAlign)(typo),
             textTransform: overline && !level ? 'uppercase' : undefined,
             alignSelf: getAlignSelf(),
         },
@@ -75,7 +77,7 @@ var Title = React.forwardRef(function (_a, ref) {
             alignSelf: getAlignSelf(),
             borderRadius: 5,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderColor: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.NEUTRAL_FADE),
             overflow: 'hidden',
             height: titlesLevels(),
         },
@@ -85,15 +87,15 @@ var Title = React.forwardRef(function (_a, ref) {
         : typeof children === 'string'
             ? children
             : undefined;
-    var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
+    var titleView = (React.createElement(react_native_1.Text, tslib_1.__assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
     if (skeleton) {
-        titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
+        titleView = (React.createElement(native_1.default, { style: styles.skeleton },
             titleView,
-            isAndroid && (React.createElement(View, null,
-                React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
+            device_native_1.isAndroid && (React.createElement(react_native_1.View, null,
+                React.createElement(native_1.Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
     }
-    return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
+    return onClick ? (React.createElement(react_native_1.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
 });
-Title.displayName = ComponentName.Title;
-export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQVkzRCxFQUFFLEdBQUc7SUFYSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFN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
+Title.displayName = enumsComponentsName_1.ComponentName.Title;
+exports.default = Title;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwyREFBd0Q7QUFDeEQseURBQW1EO0FBQ25ELHFDQUEwRztBQUMxRyxnREFBb0U7QUFDcEUsbURBQThCO0FBQzlCLCtCQUFrQztBQUNsQyw0RUFBaUU7QUFDakUsNkNBQXFGO0FBQ3JGLHlDQUF5QztBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQVkzRCxFQUFFLEdBQUc7SUFYSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLHNCQVhpRCx1SEFZM0QsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLElBQUEsa0JBQVUsRUFBQyw4QkFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxLQUFLLEdBQUcsSUFBQSw0QkFBa0IsRUFBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFDcEYsSUFBTSxhQUFhLEdBQUcsSUFBQSxxQkFBYSxFQUFDLG9CQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFdEQsSUFBTSxVQUFVLEdBQ2QsS0FBSyxJQUFJLENBQUMsdUJBQVcsQ0FBQyxHQUFHLEVBQUUsdUJBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ3pELENBQUMsQ0FBQyx3QkFBYyxDQUFDLGdCQUFnQjtRQUNqQyxDQUFDLENBQUMs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

package/lib/components/title/Title.native.mjs

@@ -0,0 +1,99 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device.native';
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from 'react';
+import { useContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, Text as TextNative, TouchableOpacity, View } from 'react-native';
+import { TitleLevels } from './TitleEnum';
+/**
+ * Title component
+ * @param children {ReactNode} Title child
+ * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
+ * @param inverted {Boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param onClick {Function} onClick Event
+ * @param skeleton {Boolean} Title Skeleton
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param style {object} Additional styles
+ * @param subtitle {boolean} Subtitle below title
+ * @param overline {boolean} Overline above title
+ */
+var Title = React.forwardRef(function (_a, ref) {
+    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
+    var statesContext = useContext(StatesContext);
+    var color = setTypographyColor(typo, inverted || statesContext.inverted, skeleton);
+    var colorOverline = getColorStyle(TrilogyColor.MAIN);
+    var fontFamily = level && [TitleLevels.ONE, TitleLevels.TWO].includes(level)
+        ? TypographyBold.TEXT_WEIGHT_BOLD
+        : TypographyBold.TEXT_WEIGHT_SEMIBOLD;
+    var titlesLevels = function () {
+        switch (level) {
+            case TitleLevels.ONE:
+                return 32;
+            case TitleLevels.TWO:
+                return 28;
+            case TitleLevels.THREE:
+                return 22;
+            case TitleLevels.FOUR:
+                return 20;
+            case TitleLevels.FIVE:
+                return 18;
+            case TitleLevels.SIX:
+                return 16;
+            default:
+                return 16;
+        }
+    };
+    var getAlignSelf = function () {
+        switch (true) {
+            case setTypographyAlign(typo) === 'left':
+                return 'flex-start';
+            case setTypographyAlign(typo) === 'center':
+                return 'center';
+            case setTypographyAlign(typo) === 'right':
+                return 'flex-end';
+            default:
+                return 'flex-start';
+        }
+    };
+    var styles = StyleSheet.create({
+        text: {
+            fontFamily: getTypographyBoldStyle(fontFamily),
+            fontSize: titlesLevels(),
+            color: ((overline || subtitle) && !level && colorOverline) || color,
+            textAlign: setTypographyAlign(typo),
+            textTransform: overline && !level ? 'uppercase' : undefined,
+            alignSelf: getAlignSelf(),
+        },
+        skeleton: {
+            minWidth: 10,
+            alignSelf: getAlignSelf(),
+            borderRadius: 5,
+            borderWidth: 0.1,
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            overflow: 'hidden',
+            height: titlesLevels(),
+        },
+    });
+    var titleAccessibilityLabel = accessibilityLabel
+        ? accessibilityLabel
+        : typeof children === 'string'
+            ? children
+            : undefined;
+    var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
+    if (skeleton) {
+        titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
+            titleView,
+            isAndroid && (React.createElement(View, null,
+                React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
+    }
+    return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
+});
+Title.displayName = ComponentName.Title;
+export default Title;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQVkzRCxFQUFFLEdBQUc7SUFYSixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFN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

package/lib/components/title/TitleEnum.d.mts

@@ -0,0 +1,27 @@
+/**
+ * New Title Levels
+ */
+export declare enum TitleLevels {
+    ONE = 1,
+    TWO = 2,
+    THREE = 3,
+    FOUR = 4,
+    FIVE = 5,
+    SIX = 6
+}
+/**
+ * Titles size values
+ */
+export type TitleLevelValues = TitleLevels;
+export declare enum TitleMarkup {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    P = "p",
+    SPAN = "span",
+    DIV = "div"
+}
+export type TitleMarkupValues = `${TitleMarkup}`;

package/lib/components/title/TitleEnum.js

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleMarkup = exports.TitleLevels = void 0;
 /**
  * New Title Levels
  */
-export var TitleLevels;
+var TitleLevels;
 (function (TitleLevels) {
     TitleLevels[TitleLevels["ONE"] = 1] = "ONE";
     TitleLevels[TitleLevels["TWO"] = 2] = "TWO";
@@ -9,8 +12,8 @@ export var TitleLevels;
     TitleLevels[TitleLevels["FOUR"] = 4] = "FOUR";
     TitleLevels[TitleLevels["FIVE"] = 5] = "FIVE";
     TitleLevels[TitleLevels["SIX"] = 6] = "SIX";
-})(TitleLevels || (TitleLevels = {}));
-export var TitleMarkup;
+})(TitleLevels = exports.TitleLevels || (exports.TitleLevels = {}));
+var TitleMarkup;
 (function (TitleMarkup) {
     TitleMarkup["H1"] = "h1";
     TitleMarkup["H2"] = "h2";
@@ -21,5 +24,5 @@ export var TitleMarkup;
     TitleMarkup["P"] = "p";
     TitleMarkup["SPAN"] = "span";
     TitleMarkup["DIV"] = "div";
-})(TitleMarkup || (TitleMarkup = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQU9YO0FBUEQsV0FBWSxXQUFXO0lBQ3JCLDJDQUFPLENBQUE7SUFDUCwyQ0FBTyxDQUFBO0lBQ1AsK0NBQVMsQ0FBQTtJQUNULDZDQUFRLENBQUE7SUFDUiw2Q0FBUSxDQUFBO0lBQ1IsMkNBQU8sQ0FBQTtBQUNULENBQUMsRUFQVyxXQUFXLEtBQVgsV0FBVyxRQU90QjtBQU9ELE1BQU0sQ0FBTixJQUFZLFdBVVg7QUFWRCxXQUFZLFdBQVc7SUFDckIsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsc0JBQU8sQ0FBQTtJQUNQLDRCQUFhLENBQUE7SUFDYiwwQkFBVyxDQUFBO0FBQ2IsQ0FBQyxFQVZXLFdBQVcsS0FBWCxXQUFXLFFBVXRCIn0=
+})(TitleMarkup = exports.TitleMarkup || (exports.TitleMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7O0dBRUc7QUFDSCxJQUFZLFdBT1g7QUFQRCxXQUFZLFdBQVc7SUFDckIsMkNBQU8sQ0FBQTtJQUNQLDJDQUFPLENBQUE7SUFDUCwrQ0FBUyxDQUFBO0lBQ1QsNkNBQVEsQ0FBQTtJQUNSLDZDQUFRLENBQUE7SUFDUiwyQ0FBTyxDQUFBO0FBQ1QsQ0FBQyxFQVBXLFdBQVcsR0FBWCxtQkFBVyxLQUFYLG1CQUFXLFFBT3RCO0FBT0QsSUFBWSxXQVVYO0FBVkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtBQUNiLENBQUMsRUFWVyxXQUFXLEdBQVgsbUJBQVcsS0FBWCxtQkFBVyxRQVV0QiJ9

package/lib/components/title/TitleEnum.mjs

@@ -0,0 +1,25 @@
+/**
+ * New Title Levels
+ */
+export var TitleLevels;
+(function (TitleLevels) {
+    TitleLevels[TitleLevels["ONE"] = 1] = "ONE";
+    TitleLevels[TitleLevels["TWO"] = 2] = "TWO";
+    TitleLevels[TitleLevels["THREE"] = 3] = "THREE";
+    TitleLevels[TitleLevels["FOUR"] = 4] = "FOUR";
+    TitleLevels[TitleLevels["FIVE"] = 5] = "FIVE";
+    TitleLevels[TitleLevels["SIX"] = 6] = "SIX";
+})(TitleLevels || (TitleLevels = {}));
+export var TitleMarkup;
+(function (TitleMarkup) {
+    TitleMarkup["H1"] = "h1";
+    TitleMarkup["H2"] = "h2";
+    TitleMarkup["H3"] = "h3";
+    TitleMarkup["H4"] = "h4";
+    TitleMarkup["H5"] = "h5";
+    TitleMarkup["H6"] = "h6";
+    TitleMarkup["P"] = "p";
+    TitleMarkup["SPAN"] = "span";
+    TitleMarkup["DIV"] = "div";
+})(TitleMarkup || (TitleMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQU9YO0FBUEQsV0FBWSxXQUFXO0lBQ3JCLDJDQUFPLENBQUE7SUFDUCwyQ0FBTyxDQUFBO0lBQ1AsK0NBQVMsQ0FBQTtJQUNULDZDQUFRLENBQUE7SUFDUiw2Q0FBUSxDQUFBO0lBQ1IsMkNBQU8sQ0FBQTtBQUNULENBQUMsRUFQVyxXQUFXLEtBQVgsV0FBVyxRQU90QjtBQU9ELE1BQU0sQ0FBTixJQUFZLFdBVVg7QUFWRCxXQUFZLFdBQVc7SUFDckIsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsc0JBQU8sQ0FBQTtJQUNQLDRCQUFhLENBQUE7SUFDYiwwQkFBVyxDQUFBO0FBQ2IsQ0FBQyxFQVZXLFdBQVcsS0FBWCxXQUFXLFFBVXRCIn0=

package/lib/components/title/TitleProps.d.mts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Accessibility, Clickable, Dev, Invertable, Marginless, TypographyAlign, TypographyAlignValues, TypographyBold, TypographyBoldValues, TypographyColor, TypographyColorValues, TypographyTransform, TypographyTransformValues } from '../../objects';
+import { TitleLevels, TitleLevelValues, TitleMarkup, TitleMarkupValues } from './TitleEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Text } from 'react-native';
+type Styles = {
+    [key: string]: unknown;
+};
+/**
+ * Title Interface
+ */
+export interface TitleProps extends Invertable, Accessibility, Clickable, Marginless, Dev, CommonProps {
+    children?: React.ReactNode;
+    level?: TitleLevelValues | TitleLevels;
+    typo?: TypographyColor | TypographyColorValues | TypographyTransform | TypographyTransformValues | TypographyBold | TypographyBoldValues | TypographyAlign | TypographyAlignValues | Array<string> | string;
+    skeleton?: boolean;
+    markup?: TitleMarkup | TitleMarkupValues;
+    style?: Styles;
+    subtitle?: boolean;
+    overline?: boolean;
+}
+export type TitleRef = HTMLParagraphElement | HTMLHeadingElement | HTMLDivElement;
+export type TitleNativeRef = Text;
+export {};

package/lib/components/title/TitleProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGl0bGUvVGl0bGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/title/TitleProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGl0bGUvVGl0bGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/title/index.d.mts

@@ -0,0 +1,3 @@
+import Title from './Title';
+export * from './TitleEnum';
+export { Title };

package/lib/components/title/index.js

@@ -1,4 +1,8 @@
-import Title from './Title';
-export * from './TitleEnum';
-export { Title };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+var tslib_1 = require("tslib");
+var Title_1 = tslib_1.__importDefault(require("./Title"));
+exports.Title = Title_1.default;
+tslib_1.__exportStar(require("./TitleEnum"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSwwREFBMkI7QUFHbEIsZ0JBSEYsZUFBSyxDQUdFO0FBRGQsc0RBQTJCIn0=

package/lib/components/title/index.mjs

@@ -0,0 +1,4 @@
+import Title from './Title';
+export * from './TitleEnum';
+export { Title };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

package/lib/components/view/View.d.mts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { ViewProps } from "./ViewProps";
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param flexable {boolean} Flexable view
+ * @param style {CSSProperties} View custom style
+ * @param onClick {Function} Click Event
+ * @param backgroundColor {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} View backgroud image source
+ * @param id {string} Id for Web / TestID for Native
+ * @param fullwidth {boolean} true by default
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
+ * - ------------------ WEB PROPERTIES ---------------
+ * @param className {string} Additional css classes
+ * @param loading {Loading} Loading View
+ * @param markup {ViewMarkup} Markup for View
+ * @param inverted {boolean} Inverted View Color
+ * - ------------------ NATIVE PROPERTIES ------------
+ * @param bottom {boolean} Bottom position
+ */
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
+export default View;

package/lib/components/view/View.js

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { ViewMarkup } from "./ViewProps";
-import clsx from "clsx";
-import { has, is } from "../../services";
-import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ViewProps_1 = require("./ViewProps");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var services_1 = require("../../services");
+var objects_1 = require("../../objects");
+var helpers_1 = require("../../helpers");
+var context_1 = require("../../context");
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -27,16 +29,16 @@ import { useTrilogyContext } from "../../context";
  * @param bottom {boolean} Bottom position
  */
 var View = React.forwardRef(function (_a, ref) {
-    var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align"]);
-    var styled = useTrilogyContext().styled;
+    var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, others = tslib_1.__rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
     var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in ViewMarkup ||
-            Object.values(ViewMarkup).includes(stringMarkup))
+        if (stringMarkup in ViewProps_1.ViewMarkup ||
+            Object.values(ViewProps_1.ViewMarkup).includes(stringMarkup))
             return true;
     };
     var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
-    var classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
-    return (React.createElement(Tag, __assign({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)(typeof loading === "string" && (0, services_1.is)((0, objects_1.getLoadingClassName)(loading)), typeof loading === "boolean" ? (0, services_1.is)("loading") : (0, services_1.is)("loaded"), backgroundColor && (0, services_1.has)((0, objects_1.getBackgroundClassName)(backgroundColor)), backgroundSrc && (0, services_1.has)('background'), inverted && (0, services_1.is)('inverted') || (0, services_1.is)('base'), fullwidth && (0, services_1.is)("fullwidth"), flexable && (0, services_1.is)("flex"), typeof justify === "string" && (0, services_1.is)((0, objects_1.getJustifyClassName)(justify)), typeof align === "string" && (0, services_1.is)((0, objects_1.getAlignClassName)(align)), className));
+    return (React.createElement(Tag, tslib_1.__assign({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
             backgroundSize: "cover",
@@ -44,5 +46,5 @@ var View = React.forwardRef(function (_a, ref) {
         },
     }), others), children));
 });
-export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFlbEQsRUFBRSxHQUFHO0lBZEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLGlCQUFnQixFQUFoQixTQUFTLG1CQUFHLElBQUksS0FBQSxFQUNoQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBZHdDLCtKQWVsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUEyQztRQUNsRSxJQUNFLFlBQVksSUFBSSxVQUFVO1lBQzFCLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFFOUQsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsSUFBSSxDQUFBIn0=
+exports.default = View;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxtREFBOEI7QUFDOUIseUNBQThFO0FBQzlFLHNEQUF1QjtBQUN2Qix1Q0FBb0M7QUFDcEMscUNBSWtCO0FBQ2xCLHFDQUFxQztBQUNyQyxxQ0FBNkM7QUFFN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQixVQUFDLEVBZWxELEVBQUUsR0FBRztJQWRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxzQkFkd0MsK0pBZWxELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFDRSxZQUFZLElBQUksc0JBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxzQkFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFFOUQsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxJQUFBLG1CQUFTLEVBQ3ZCLE1BQU0sRUFDTixJQUFBLGNBQUksRUFDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsSUFBQSw2QkFBbUIsRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUEsYUFBRSxFQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFBLGFBQUUsRUFBQyxRQUFRLENBQUMsRUFDM0QsZUFBZSxJQUFJLElBQUEsY0FBRyxFQUFDLElBQUEsZ0NBQXNCLEVBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLElBQUEsY0FBRyxFQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsVUFBVSxDQUFDLElBQUksSUFBQSxhQUFFLEVBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxJQUFBLGFBQUUsRUFBQyxXQUFXLENBQUMsRUFDNUIsUUFBUSxJQUFJLElBQUEsYUFBRSxFQUFDLE1BQU0sQ0FBQyxFQUN0QixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsSUFBQSw2QkFBbUIsRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsSUFBQSwyQkFBaUIsRUFBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcscUJBQ0YsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGtCQUFlLElBQUksQ0FBQSJ9

package/lib/components/view/View.mjs

@@ -0,0 +1,48 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { ViewMarkup } from "./ViewProps";
+import clsx from "clsx";
+import { has, is } from "../../services";
+import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param flexable {boolean} Flexable view
+ * @param style {CSSProperties} View custom style
+ * @param onClick {Function} Click Event
+ * @param backgroundColor {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} View backgroud image source
+ * @param id {string} Id for Web / TestID for Native
+ * @param fullwidth {boolean} true by default
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
+ * - ------------------ WEB PROPERTIES ---------------
+ * @param className {string} Additional css classes
+ * @param loading {Loading} Loading View
+ * @param markup {ViewMarkup} Markup for View
+ * @param inverted {boolean} Inverted View Color
+ * - ------------------ NATIVE PROPERTIES ------------
+ * @param bottom {boolean} Bottom position
+ */
+var View = React.forwardRef(function (_a, ref) {
+    var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align"]);
+    var styled = useTrilogyContext().styled;
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in ViewMarkup ||
+            Object.values(ViewMarkup).includes(stringMarkup))
+            return true;
+    };
+    var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
+    var classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
+    return (React.createElement(Tag, __assign({ ref: ref, onClick: onClick, style: style, className: classes }, (backgroundSrc && {
+        style: {
+            backgroundImage: "url(".concat(backgroundSrc, ")"),
+            backgroundSize: "cover",
+            backgroundPosition: "50%",
+        },
+    }), others), children));
+});
+export default View;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFlbEQsRUFBRSxHQUFHO0lBZEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLGlCQUFnQixFQUFoQixTQUFTLG1CQUFHLElBQUksS0FBQSxFQUNoQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBZHdDLCtKQWVsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUEyQztRQUNsRSxJQUNFLFlBQVksSUFBSSxVQUFVO1lBQzFCLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFFOUQsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/view/View.native.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { ViewProps } from "./ViewProps";
+/**
+ * View Component (DIV EQUIVALENT)
+ * @param children {ReactNode} View child
+ * @param flexable {boolean} Flexable view
+ * @param style {CSSProperties} View custom style
+ * @param onClick {Function} Click Event
+ * @param backgroundColor {TrilogyColor} View backgroud color
+ * @param backgroundSrc {string} View backgroud image source
+ * @param id {string} Id for Web / TestID for Native
+ * @param fullwidth {boolean} true by default
+ * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
+ * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | undefined
+ * @param bottom {boolean} Bottom position
+ */
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
+export default View;