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

package/lib/components/hero/Hero.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from "react";
 import { ImageBackground, StyleSheet, TouchableOpacity, View, } from "react-native";
 import { getColorStyle, TrilogyColor } from "../../objects";
@@ -15,15 +16,16 @@ import { StatesContext } from "../../context/providerStates";
  * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
  * @param backgroundHeight {BackgroundHeight} Background heigth
  */
-const Hero = ({ children, backgroundSrc, onClick, overlap, backgroundHeight, inverted, backgroundColor, ...others }) => {
-    const [overlapHeight, setOverlapHeight] = useState(0);
-    const [secondOverlapHeight, setSecondOverlapHeight] = useState(0);
-    const isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
-    const isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
-    const overlapMargin = backgroundHeight
+var Hero = function (_a) {
+    var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, backgroundHeight = _a.backgroundHeight, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "backgroundHeight", "inverted", "backgroundColor"]);
+    var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
+    var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
+    var isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
+    var isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
+    var overlapMargin = backgroundHeight
         ? overlapHeight - backgroundHeight / 2
         : overlapHeight - 60;
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         hero: {
             width: "100%",
             minHeight: 100,
@@ -56,37 +58,37 @@ const Hero = ({ children, backgroundSrc, onClick, overlap, backgroundHeight, inv
             height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
         },
     });
-    let heroView;
+    var heroView;
     if (backgroundColor) {
         heroView = (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: false, flat: false } },
             React.createElement(View, { style: [styles.background, styles.hero], testID: 'background-id' },
                 React.createElement(View, { style: styles.content }, children))));
     }
     else {
-        heroView = (React.createElement(ImageBackground, { source: typeof backgroundSrc === "number"
+        heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc === "number"
                 ? backgroundSrc
-                : { uri: backgroundSrc }, style: styles.hero, ...others },
+                : { uri: backgroundSrc }, style: styles.hero }, others),
             React.createElement(View, { style: styles.content, testID: 'no-background-id' }, children)));
     }
-    let overlapView;
+    var overlapView;
     if (isSecondOverlap) {
         overlapView = (React.createElement(View, { style: styles.subOverlap },
-            React.createElement(View, { style: styles.overlap, onLayout: (event) => {
-                    const { height } = event.nativeEvent.layout;
+            React.createElement(View, { style: styles.overlap, onLayout: function (event) {
+                    var height = event.nativeEvent.layout.height;
                     setOverlapHeight(height);
                 } },
                 React.createElement(Box, { backgroundColor: TrilogyColor.NEUTRAL_FADE },
                     React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
                     overlap && typeof overlap !== "boolean" ? overlap[0] : null)),
-            React.createElement(View, { style: styles.secondOverlap, onLayout: (event) => {
-                    const { height } = event.nativeEvent.layout;
+            React.createElement(View, { style: styles.secondOverlap, onLayout: function (event) {
+                    var height = event.nativeEvent.layout.height;
                     setSecondOverlapHeight(height);
                 } }, overlap && typeof overlap !== "boolean" ? overlap[1] : null)));
     }
     else {
         overlapView = (React.createElement(View, { style: styles.subOverlap },
-            React.createElement(View, { style: styles.overlap, onLayout: (event) => {
-                    const { height } = event.nativeEvent.layout;
+            React.createElement(View, { style: styles.overlap, onLayout: function (event) {
+                    var height = event.nativeEvent.layout.height;
                     setOverlapHeight(height);
                 } }, overlap && typeof overlap !== "boolean" ? overlap[0] : null)));
     }
@@ -97,4 +99,4 @@ const Hero = ({ children, backgroundSrc, onClick, overlap, backgroundHeight, inv
 };
 Hero.displayName = ComponentName.Hero;
 export default Hero;
-//# sourceMappingURL=Hero.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEdBQUcsTUFBTSxjQUFjLENBQUE7QUFFbkYsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUM1QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBU0Y7SUFSVixJQUFBLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxnQkFBZ0Isc0JBQUEsRUFDaEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FSRyxzR0FTYixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBdUIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQXVCLENBQUE7SUFFekUsSUFBTSxlQUFlLEdBQ25CLE9BQU8sSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQ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

package/lib/components/hero/HeroProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=HeroProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyb1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9oZXJvL0hlcm9Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/hero/HeroPropsDefaults.js

@@ -97,7 +97,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -115,7 +114,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/hero/heroEnum.js

@@ -5,4 +5,4 @@ export var BackgroundHeight;
     BackgroundHeight[BackgroundHeight["LARGE"] = 200] = "LARGE";
     BackgroundHeight[BackgroundHeight["HUGE"] = 300] = "HUGE";
 })(BackgroundHeight || (BackgroundHeight = {}));
-//# sourceMappingURL=heroEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyb0VudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vaGVyb0VudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZ0JBS1g7QUFMRCxXQUFZLGdCQUFnQjtJQUMxQiwyREFBVyxDQUFBO0lBQ1gsNkRBQVksQ0FBQTtJQUNaLDJEQUFXLENBQUE7SUFDWCx5REFBVSxDQUFBO0FBQ1osQ0FBQyxFQUxXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFLM0IifQ==

package/lib/components/hero/index.js

@@ -1,3 +1,3 @@
 import Hero from './Hero';
 export { Hero };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/icon/Icon.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
 import StatusIcon from "./status/index";
@@ -34,13 +35,14 @@ import { useTrilogyContext } from "../../context";
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param style {object} Additional styles
  */
-const Icon = ({ className, textClassName, size, name, status, circled, content, position, markup, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, verticalAlign, testId, marginless, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("icon", stretched && is("stretched"), size && is(size), stacked && is("stacked"), color &&
-        is(`${getColorClassName(color)}`), skeleton && is("loading"), badgeContent && is("stacked"), marginless && is("marginless"), className));
+var Icon = function (_a) {
+    var className = _a.className, textClassName = _a.textClassName, size = _a.size, name = _a.name, status = _a.status, circled = _a.circled, content = _a.content, position = _a.position, markup = _a.markup, stacked = _a.stacked, badgeContent = _a.badgeContent, statusPosition = _a.statusPosition, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, verticalAlign = _a.verticalAlign, testId = _a.testId, marginless = _a.marginless, others = __rest(_a, ["className", "textClassName", "size", "name", "status", "circled", "content", "position", "markup", "stacked", "badgeContent", "statusPosition", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "verticalAlign", "testId", "marginless"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("icon", stretched && is("stretched"), size && is(size), stacked && is("stacked"), color &&
+        is("".concat(getColorClassName(color))), skeleton && is("loading"), badgeContent && is("stacked"), marginless && is("marginless"), className));
     // TextIcon uses className instead of classes, verticalAlignment only affect TextIcon
-    className = clsx(content && verticalAlign && is(`${getAlignClassName(verticalAlign)}`), className);
-    const alignClasses = hashClass(styled, clsx((align &&
+    className = clsx(content && verticalAlign && is("".concat(getAlignClassName(verticalAlign))), className);
+    var alignClasses = hashClass(styled, clsx((align &&
         getAlignClassName(align) === "aligned-start" &&
         has("text-left")) ||
         (getAlignClassName(align) === "aligned-center" &&
@@ -50,37 +52,37 @@ const Icon = ({ className, textClassName, size, name, status, circled, content,
     if (circled || (circled && status)) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement(CircleIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor, ...others })));
+                React.createElement(CircleIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor }, others))));
         }
-        return (React.createElement(CircleIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor, ...others }));
+        return (React.createElement(CircleIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor }, others)));
     }
     // status icons
     if (status) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement(StatusIcon, { testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status, ...others })));
+                React.createElement(StatusIcon, __assign({ testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status }, others))));
         }
-        return (React.createElement(StatusIcon, { testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status, ...others }));
+        return (React.createElement(StatusIcon, __assign({ testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status }, others)));
     }
     // Text icon
     if (content && !badgeContent) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement(TextIcon, { testId: testId, onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color, ...others })));
+                React.createElement(TextIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color }, others))));
         }
-        return (React.createElement(TextIcon, { onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color, ...others }));
+        return (React.createElement(TextIcon, __assign({ onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color }, others)));
     }
     // Icon with badge + badge content
     if (badgeContent) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+                React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
                     React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
                     React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
                 content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
         }
         return (React.createElement(React.Fragment, null,
-            React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+            React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
                 React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
                 React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
             content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
@@ -89,30 +91,30 @@ const Icon = ({ className, textClassName, size, name, status, circled, content,
     if (stretched) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+                React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
                     React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
         }
-        return (React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+        return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
             React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
     }
     // Custom Colored Icon
     if (color) {
         if (align) {
             return (React.createElement("div", { className: alignClasses },
-                React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+                React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
                     React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
         }
-        return (React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+        return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
             React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
     }
     if (align) {
         return (React.createElement("div", { className: alignClasses },
-            React.createElement("span", { onClick: onClick && onClick, className: classes, ...others },
+            React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
                 React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
     }
     // Static default Icon
-    return (React.createElement("span", { "data-testid": testId, onClick: onClick && onClick, className: classes, ...others },
+    return (React.createElement("span", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes }, others),
         React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
 };
 export default Icon;
-//# sourceMappingURL=Icon.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sUUFBUSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsR0FBcUMsTUFBTSx3QkFBd0IsQ0FBQTtBQUM3RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCRztBQUVILElBQU0sSUFBSSxHQUFHLFVBQUMsRUF1QkY7SUF0QlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxhQUFhLG1CQUFBLEVBQ2IsSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsWUFBWSxrQkFBQSxFQUNaLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JB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

package/lib/components/icon/Icon.native.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import React, { useContext } from "react";
 import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
 import { WithLocalSvg } from "react-native-svg/css";
@@ -30,32 +31,33 @@ import { StatesContext } from "../../context/providerStates";
  * @param align { Alignable | AlignableValues} align content
  * @param skeleton {boolean} Icon Skeleton
  */
-const Icon = ({ size, name, status, circled, content, position, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, style, testId, ...others }) => {
-    const { theme: { icons }, } = useContext(TrilogyThemeContext);
-    const statesContext = useContext(StatesContext);
-    const defaultSize = (size === IconSize.HUGE && 66) ||
+var Icon = function (_a) {
+    var size = _a.size, name = _a.name, status = _a.status, circled = _a.circled, content = _a.content, position = _a.position, stacked = _a.stacked, badgeContent = _a.badgeContent, statusPosition = _a.statusPosition, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, style = _a.style, testId = _a.testId, others = __rest(_a, ["size", "name", "status", "circled", "content", "position", "stacked", "badgeContent", "statusPosition", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "style", "testId"]);
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var statesContext = useContext(StatesContext);
+    var defaultSize = (size === IconSize.HUGE && 66) ||
         (size === IconSize.LARGE && 44) ||
         (size === IconSize.MEDIUM && 30) ||
         (size === IconSize.SMALL && 20) ||
         (size === IconSize.SMALLER && 16) ||
         20;
-    const iconColor = (color && getColorStyle(color)) ||
+    var iconColor = (color && getColorStyle(color)) ||
         (status && getColorStyle(status)) ||
         (statesContext.inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
         getColorStyle(TrilogyColor.MAIN);
-    const iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
+    var iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
         (size === IconSize.LARGE && 35) ||
         (size === IconSize.MEDIUM && 25) ||
         (size === IconSize.SMALL && 15) ||
         (size === IconSize.SMALLER && 10) ||
         15;
-    const circledWidth = (size === IconSize.HUGE && 99) ||
+    var circledWidth = (size === IconSize.HUGE && 99) ||
         (size === IconSize.LARGE && 66) ||
         (size === IconSize.MEDIUM && 48) ||
         (size === IconSize.SMALL && 32) ||
         (size === IconSize.SMALLER && 38) ||
         32;
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         rootView: {
             alignSelf: getAlignStyle(align),
         },
@@ -88,39 +90,39 @@ const Icon = ({ size, name, status, circled, content, position, stacked, badgeCo
             overflow: "hidden",
         },
     });
-    const IconSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
+    var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
         React.createElement(View, { style: { opacity: 0 } }),
         Platform.OS === "android" && (React.createElement(View, null, (size === IconSize.HUGE && React.createElement(Circle, { cx: '50', cy: '50', r: '50' })) ||
             (size === IconSize.LARGE && React.createElement(Circle, { cx: '33', cy: '33', r: '33' })) ||
             (size === IconSize.MEDIUM && React.createElement(Circle, { cx: '23', cy: '23', r: '23' })) ||
-            (size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || (React.createElement(Circle, { cx: '15', cy: '15', r: '15' }))))));
+            (size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || (React.createElement(Circle, { cx: '15', cy: '15', r: '15' })))))); };
     if (skeleton) {
         return React.createElement(IconSkeleton, null);
     }
-    let iconView = React.createElement(View, null);
+    var iconView = React.createElement(View, null);
     if (name && icons) {
         if (stretched && !circled) {
-            iconView = (React.createElement(View, { style: styles.stretched, testID: `${testId}-stretched` },
+            iconView = (React.createElement(View, { style: styles.stretched, testID: "".concat(testId, "-stretched") },
                 React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.BACKGROUND) })));
         } /* status icon */
         else if (status && !circled && !stretched) {
             // TODO: fix status icon
-            iconView = (React.createElement(StatusIcon, { name: name, status: status, statusPosition: statusPosition, size: defaultSize, stretched: stretched, color: iconColor, testId: `${testId}-status` }));
+            iconView = (React.createElement(StatusIcon, { name: name, status: status, statusPosition: statusPosition, size: defaultSize, stretched: stretched, color: iconColor, testId: "".concat(testId, "-status") }));
         }
         else if (circled) {
-            iconView = (React.createElement(CircleIcon, { name: name, size: defaultSize, color: iconColor, content: content, circledWidth: circledWidth, position: position, stacked: stacked, backgroundColor: backgroundColor, testId: `${testId}-circled` }));
+            iconView = (React.createElement(CircleIcon, { name: name, size: defaultSize, color: iconColor, content: content, circledWidth: circledWidth, position: position, stacked: stacked, backgroundColor: backgroundColor, testId: "".concat(testId, "-circled") }));
         } /* Text icon */
         else if (content && !badgeContent) {
-            iconView = (React.createElement(TextIcon, { name: name, content: content, size: defaultSize, position: position, stretched: stretched, color: iconColor, stacked: stacked, testId: `${testId}-content` }));
+            iconView = (React.createElement(TextIcon, { name: name, content: content, size: defaultSize, position: position, stretched: stretched, color: iconColor, stacked: stacked, testId: "".concat(testId, "-content") }));
         }
         else {
-            iconView = (React.createElement(View, { ...others },
+            iconView = (React.createElement(View, __assign({}, others),
                 React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: iconColor })));
         }
     }
     return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId },
-        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85, testID: `${testId}-pressable` }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
+        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85, testID: "".concat(testId, "-pressable") }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
 };
 Icon.displayName = ComponentName.Icon;
 export default Icon;
-//# sourceMappingURL=Icon.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNyQyxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRCxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRCxPQUFPLFFBQVEsTUFBTSx3QkFBd0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEdBQXVCLE1BQU0sd0JBQXdCLENBQUE7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQW1CRjtJQWxCVixJQUFBLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFlBQVks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

package/lib/components/icon/IconEnum.js

@@ -58,4 +58,4 @@ export var IconStatusPosition;
     IconStatusPosition["TOP"] = "top";
     IconStatusPosition["BOTTOM"] = "bottom";
 })(IconStatusPosition || (IconStatusPosition = {}));
-//# sourceMappingURL=IconEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxRQU1YO0FBTkQsV0FBWSxRQUFRO0lBQ2xCLDJCQUFlLENBQUE7SUFDZiw2QkFBaUIsQ0FBQTtJQUNqQiwyQkFBZSxDQUFBO0lBQ2YseUJBQWEsQ0FBQTtJQUNiLCtCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFOVyxRQUFRLEtBQVIsUUFBUSxRQU1uQjtBQU9EOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksVUFNWDtBQU5ELFdBQVksVUFBVTtJQUNwQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLDZCQUFlLENBQUE7QUFDakIsQ0FBQyxFQU5XLFVBQVUsS0FBVixVQUFVLFFBTXJCO0FBT0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQVdYO0FBWEQsV0FBWSxTQUFTO0lBQ25CLGdDQUFtQixDQUFBO0lBQ25CLDRCQUFlLENBQUE7SUFDZiwwQkFBYSxDQUFBO0lBQ2IsZ0NBQW1CLENBQUE7SUFDbkIsMEJBQWEsQ0FBQTtJQUNiLHNDQUF5QixDQUFBO0lBQ3pCLDhCQUFpQixDQUFBO0lBQ2pCLGdDQUFtQixDQUFBO0lBQ25CLDRCQUFlLENBQUE7SUFDZiw2QkFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBWFcsU0FBUyxLQUFULFNBQVMsUUFXcEI7QUFPRDs7R0FFRztBQUVILE1BQU0sQ0FBTixJQUFZLFlBS1g7QUFMRCxXQUFZLFlBQVk7SUFDdEIseUJBQVMsQ0FBQTtJQUNULDZCQUFhLENBQUE7SUFDYiw2QkFBYSxDQUFBO0lBQ2IsK0JBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsWUFBWSxLQUFaLFlBQVksUUFLdkI7QUFPRCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0lBQ1AseUJBQU8sQ0FBQTtJQUNQLCtCQUFhLENBQUE7QUFDZixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekI7QUFJRCxNQUFNLENBQU4sSUFBWSxrQkFHWDtBQUhELFdBQVksa0JBQWtCO0lBQzVCLGlDQUFXLENBQUE7SUFDWCx1Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUc3QiJ9

package/lib/components/icon/IconNameEnum.js

@@ -25,4 +25,4 @@ export var IconName;
     IconName["PICTO_PAYMENT_PAYPAL"] = "tri-picto-payment-paypal";
     IconName["PICTO_PAYMENT_VISA"] = "tri-picto-payment-visa";
 })(IconName || (IconName = {}));
-//# sourceMappingURL=IconNameEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbk5hbWVFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL0ljb25OYW1lRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxRQXlCWDtBQXpCRCxXQUFZLFFBQVE7SUFDbEIsK0JBQW1CLENBQUE7SUFDbkIseUNBQTZCLENBQUE7SUFDN0IseUNBQTZCLENBQUE7SUFDN0IsMkNBQStCLENBQUE7SUFDL0IscUNBQXlCLENBQUE7SUFDekIsNkJBQWlCLENBQUE7SUFDakIsNkNBQWlDLENBQUE7SUFDakMsK0JBQW1CLENBQUE7SUFDbkIseURBQTZDLENBQUE7SUFDN0MsdUNBQTJCLENBQUE7SUFDM0IsMkJBQWUsQ0FBQTtJQUNmLDZDQUFpQyxDQUFBO0lBQ2pDLGlDQUFxQixDQUFBO0lBQ3JCLCtCQUFtQixDQUFBO0lBQ25CLHNDQUEwQixDQUFBO0lBQzFCLCtCQUFtQixDQUFBO0lBQ25CLGlEQUFxQyxDQUFBO0lBQ3JDLHlEQUE2QyxDQUFBO0lBQzdDLGlEQUFxQyxDQUFBO0lBQ3JDLCtFQUFtRSxDQUFBO0lBQ25FLHFEQUF5QyxDQUFBO0lBQ3pDLHFFQUF5RCxDQUFBO0lBQ3pELDZEQUFpRCxDQUFBO0lBQ2pELHlEQUE2QyxDQUFBO0FBQy9DLENBQUMsRUF6QlcsUUFBUSxLQUFSLFFBQVEsUUF5Qm5CIn0=

package/lib/components/icon/IconProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=IconProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL0ljb25Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/icon/IconPropsDefaults.js

@@ -177,7 +177,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -195,7 +194,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/icon/circle/CircleIcon.js

@@ -5,15 +5,16 @@ import { getBackgroundClassName, getTextClassName, TrilogyColor, } from "../../.
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
 import { useTrilogyContext } from "../../../context";
-const CircleIcon = ({ className, name, status, size, color, backgroundColor, testId, }) => {
-    const { styled } = useTrilogyContext();
-    const background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
+var CircleIcon = function (_a) {
+    var className = _a.className, name = _a.name, status = _a.status, size = _a.size, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
         getStatusBackground(status || "", IconStatus.INFO) ||
         has(getBackgroundClassName(TrilogyColor.MAIN));
-    const classes = hashClass(styled, clsx("icon", color ? has(getTextClassName(color)) : has("text-white"), color ? is(color) : is(TrilogyColor.BACKGROUND), [is(`${size}`)], is("circled"), background, className));
-    const circledIconClasses = hashClass(styled, clsx(name));
+    var classes = hashClass(styled, clsx("icon", color ? has(getTextClassName(color)) : has("text-white"), color ? is(color) : is(TrilogyColor.BACKGROUND), [is("".concat(size))], is("circled"), background, className));
+    var circledIconClasses = hashClass(styled, clsx(name));
     return (React.createElement("span", { className: classes, "data-testid": testId },
         React.createElement("i", { className: circledIconClasses })));
 };
 export default CircleIcon;
-//# sourceMappingURL=CircleIcon.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9jaXJjbGUvQ2lyY2xlSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDL0QsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixnQkFBZ0IsRUFDaEIsWUFBWSxHQUNiLE1BQU0sV0FBVyxDQUFBO0FBQ2xCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBUVI7UUFQVixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsTUFBTSxZQUFBO0lBRUUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQ2QsQ0FBQyxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7UUFDakUsbUJBQW1CLENBQUMsTUFBTSxJQUFJLEVBQUUsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDO1FBQ2xELEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUVoRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDeEQsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQy9DLENBQUMsRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsQ0FBQyxFQUNmLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDYixVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sa0JBQWtCLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUV4RCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTTtRQUMzQywyQkFBRyxTQUFTLEVBQUUsa0JBQWtCLEdBQUksQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/icon/circle/CircleIcon.native.js

@@ -6,9 +6,10 @@ import { TrilogyColor, getColorStyle, } from "../../../objects/facets/Color";
 import React, { useContext } from "react";
 import { StyleSheet, View } from "react-native";
 import { WithLocalSvg } from "react-native-svg/css";
-const CircleIcon = ({ name, size, color, backgroundColor, content, circledWidth, position, stacked, testId }) => {
-    const { theme: { icons }, } = useContext(TrilogyThemeContext);
-    const styles = StyleSheet.create({
+var CircleIcon = function (_a) {
+    var name = _a.name, size = _a.size, color = _a.color, backgroundColor = _a.backgroundColor, content = _a.content, circledWidth = _a.circledWidth, position = _a.position, stacked = _a.stacked, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var styles = StyleSheet.create({
         circled: {
             width: circledWidth,
             height: circledWidth,
@@ -68,4 +69,4 @@ const CircleIcon = ({ name, size, color, backgroundColor, content, circledWidth,
 };
 CircleIcon.displayName = ComponentName.CircleIcon;
 export default CircleIcon;
-//# sourceMappingURL=CircleIcon.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL0NpcmNsZUljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3pELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDcEUsT0FBTyxFQUNMLFlBQVksRUFFWixhQUFhLEdBQ2QsTUFBTSx3QkFBd0IsQ0FBQTtBQUMvQixPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHbkQsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQVVGO1FBVGhCLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLGVBQWUscUJBQUEsRUFDZixPQUFPLGFBQUEsRUFDUCxZQUFZLGtCQUFBLEVBQ1osUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBO0lBR0ssSUFBQSxLQUFLLEdBQ1osVUFBVSxDQUFDLG1CQUFtQixDQUFDLFlBRG5CLENBQ21CO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLFlBQVk7WUFDbkIsTUFBTSxFQUFFLFlBQVk7WUFDcEIsZUFBZSxFQUFFLGVBQWU7Z0JBQzlCLENBQUMsQ0FBQyxhQUFhLENB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

package/lib/components/icon/circle/CircleIconProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=CircleIconProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL2NpcmNsZS9DaXJjbGVJY29uUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/icon/circle/CircleIconPropsDefaults.js

@@ -106,7 +106,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -124,7 +123,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",

package/lib/components/icon/circle/index.js

@@ -1,3 +1,3 @@
 import IconCircle from './CircleIcon';
 export default IconCircle;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/icon/index.js

@@ -2,4 +2,4 @@ import Icon from './Icon';
 export * from './IconEnum';
 export * from './IconNameEnum';
 export { Icon };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsZ0JBQWdCLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFBIn0=

package/lib/components/icon/status/StatusIcon.js

@@ -5,15 +5,16 @@ import { has, is } from "../../../services/index";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
 import { useTrilogyContext } from "../../../context";
-const StatusIcon = ({ className, name, status, statusPosition, size, testId, }) => {
-    const { styled } = useTrilogyContext();
-    const ancestorClasses = hashClass(styled, clsx("icon", size && is(`${size}`), is("ancestor"), has("status"), className));
-    const descendantClasses = hashClass(styled, clsx("icon is-circled is-descendant", status && is(`${status.toLowerCase()}`), statusPosition && is(`${statusPosition}`)));
-    const descendantIcon = hashClass(styled, clsx(status === IconStatus.SUCCESS ? IconName.CHECK_CIRCLE : IconName.TIMES));
+var StatusIcon = function (_a) {
+    var className = _a.className, name = _a.name, status = _a.status, statusPosition = _a.statusPosition, size = _a.size, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var ancestorClasses = hashClass(styled, clsx("icon", size && is("".concat(size)), is("ancestor"), has("status"), className));
+    var descendantClasses = hashClass(styled, clsx("icon is-circled is-descendant", status && is("".concat(status.toLowerCase())), statusPosition && is("".concat(statusPosition))));
+    var descendantIcon = hashClass(styled, clsx(status === IconStatus.SUCCESS ? IconName.CHECK_CIRCLE : IconName.TIMES));
     return (React.createElement("span", { className: ancestorClasses, "aria-hidden": 'true', "data-testid": testId },
         React.createElement("span", { className: hashClass(styled, clsx(name)) }),
         React.createElement("span", { className: descendantClasses },
             React.createElement("i", { className: descendantIcon }))));
 };
 export default StatusIcon;
-//# sourceMappingURL=StatusIcon.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9zdGF0dXMvU3RhdHVzSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBT1I7UUFOVixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixjQUFjLG9CQUFBLEVBQ2QsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBO0lBRUUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxlQUFlLEdBQUcsU0FBUyxDQUMvQixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDckIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUNkLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFDYixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0QsSUFBTSxpQkFBaUIsR0FBRyxTQUFTLENBQ2pDLE1BQU0sRUFDTixJQUFJLENBQ0YsK0JBQStCLEVBQy9CLE1BQU0sSUFBSSxFQUFFLENBQUMsVUFBRyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUUsQ0FBQyxFQUN2QyxjQUFjLElBQUksRUFBRSxDQUFDLFVBQUcsY0FBYyxDQUFFLENBQUMsQ0FDMUMsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUM5QixNQUFNLEVBQ04sSUFBSSxDQUFDLE1BQU0sS0FBSyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQzdFLENBQUE7SUFFRCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLGVBQWUsaUJBQWMsTUFBTSxpQkFBYyxNQUFNO1FBQ3RFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFTO1FBQ3ZELDhCQUFNLFNBQVMsRUFBRSxpQkFBaUI7WUFDaEMsMkJBQUcsU0FBUyxFQUFFLGNBQWMsR0FBSSxDQUMzQixDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/icon/status/StatusIcon.native.js

@@ -5,10 +5,11 @@ import { IconStatus, IconStatusPosition } from '../IconEnum';
 import { WithLocalSvg } from 'react-native-svg/css';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { TrilogyThemeContext } from '../../../context/providerTheme.native';
-const StatusIcon = ({ name, status, statusPosition, size, stretched, color, testId }) => {
-    const { theme: { icons }, } = useContext(TrilogyThemeContext);
-    const statusIcon = status === "SUCCESS" ? 'tri-check-circle' : 'tri-times';
-    const styles = StyleSheet.create({
+var StatusIcon = function (_a) {
+    var name = _a.name, status = _a.status, statusPosition = _a.statusPosition, size = _a.size, stretched = _a.stretched, color = _a.color, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var statusIcon = status === "SUCCESS" ? 'tri-check-circle' : 'tri-times';
+    var styles = StyleSheet.create({
         icon: {
             transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
         },
@@ -50,4 +51,4 @@ const StatusIcon = ({ name, status, statusPosition, size, stretched, color, test
 };
 StatusIcon.displayName = ComponentName.StatusIcon;
 export default StatusIcon;
-//# sourceMappingURL=StatusIcon.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vc3RhdHVzL1N0YXR1c0ljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sYUFBYSxDQUFBO0FBRTVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFFcEUsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFpRjtRQUEvRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBRXJFLElBQUEsS0FBSyxHQUNaLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxZQURuQixDQUNtQjtJQUVuQyxJQUFNLFVBQVUsR0FBRyxNQUFNLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDbkc7UUFDRCxrQkFBa0IsRUFBRTtZQUNsQixRQUFRLEVBQUUsVUFBVTtZQUNwQixLQUFLLEVBQUUsQ0FBQztZQUNSLEdBQUcsRUFBRSxDQUFDLENBQUM7U0FDUjtRQUNELHFCQUFxQixFQUFFO1lBQ3JCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLENBQUMsQ0FBQztTQUNYO1FBQ0QscUJBQXFCLEVBQUU7WUFDckIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsS0FBSyxFQUFFLENBQUM7WUFDUixHQUFHLEVBQUUsQ0FBQztZQUNOLFFBQVEsRUFBRSxJQUFJLEdBQUcsQ0FBQztZQUNsQixNQUFNLEVBQUUsSUFBSSxHQUFHLENBQUM7WUFDaEIsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ3BELFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0Qsd0JBQXdCLEVBQUU7WUFDeEIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsS0FBSyxFQUFFLENBQUM7WUFDUixNQUFNLEVBQUUsQ0FBQztZQUNULFFBQVEsRUFBRSxJQUFJLEdBQUcsQ0FBQztZQUNsQixNQUFNLEVBQUUsSUFBSSxHQUFHLENBQUM7WUFDaEIsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ3BELFlBQVksRUFBRSxFQUFFO1NBQ2pCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsTUFBTSxJQUNqQixLQUFLLElBQUksQ0FDUixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsWUFBWSxJQUNYLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNsQixLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFDM0UsS0FBSyxFQUFFLElBQUksRUFDWCxNQUFNLEVBQUUsSUFBSSxFQUNaLEtBQUssRUFBRSxLQUFLLEdBQ1o7UUFDRCxNQUFNLEtBQUssVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDL0Isb0JBQUMsSUFBSSxJQUNILEtBQUssRUFDSCxjQUFjLEtBQUssa0JBQWtCLENBQUMsR0FBRztnQkFDdkMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUI7Z0JBQzlCLENBQUMsQ0FBQyxNQUFNLENBQUMsd0JBQXdCLEdBRXJDLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUNILGNBQWMsS0FBSyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLHFCQUFxQixFQUV0RyxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFDakYsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLEtBQUssRUFBRSxLQUFLLEdBQ1osQ0FDSCxDQUNJLENBQ1IsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/icon/status/StatusIconProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=StatusIconProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhdHVzSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL3N0YXR1cy9TdGF0dXNJY29uUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/icon/status/index.js

@@ -1,3 +1,3 @@
 import IconStatus from './StatusIcon';
 export default IconStatus;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vc3RhdHVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9