@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-133

package/lib/components/fab/FabPropsDefaults.js

@@ -72,13 +72,6 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "fixed": {
     "type": "boolean",
     "values": [
@@ -159,5 +152,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/hero/Hero.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { HeroProps } from "./HeroProps";
+import { HeroProps } from './HeroProps';
 /**
  * Hero Component
  * @param children {React.ReactNode} Hero Children
@@ -12,10 +12,7 @@ import { HeroProps } from "./HeroProps";
  * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param align { Alignable | AlignableValues} align content
- * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param backgroundHeight {BackgroundHeight} Background heigth
  */
-declare const Hero: ({ children, backgroundColor, backgroundSrc, inverted, className, align, justify, onClick, overlap, ...others }: HeroProps) => JSX.Element;
+declare const Hero: ({ children, backgroundColor, backgroundSrc, inverted, className, id, onClick, overlap, ...others }: HeroProps) => JSX.Element;
 export default Hero;

package/lib/components/hero/Hero.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React from "react";
-import { has, is } from "../../services/classify";
-import { getAlignClassName, getBackgroundClassName } from "../../objects";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import React from 'react';
+import { has, is } from '../../services/classify';
+import { getBackgroundClassName } from '../../objects';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Hero Component
  * @param children {React.ReactNode} Hero Children
@@ -17,19 +17,16 @@ import { useTrilogyContext } from "../../context";
  * if second element add second special overlap (only native-old) - Web (Boolean) Native (ReactNode)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param align { Alignable | AlignableValues} align content
- * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param backgroundHeight {BackgroundHeight} Background heigth
  */
 var Hero = function (_a) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, align = _a.align, justify = _a.justify, onClick = _a.onClick, overlap = _a.overlap, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "align", "justify", "onClick", "overlap"]);
+    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, className = _a.className, id = _a.id, onClick = _a.onClick, overlap = _a.overlap, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "inverted", "className", "id", "onClick", "overlap"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("hero", backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), align && is(getAlignClassName(align)), justify && is(justify), overlap && is("overlapped"), className));
-    return (React.createElement("section", __assign({ onClick: onClick && onClick }, (backgroundSrc && {
+    var classes = hashClass(styled, clsx('hero', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), (inverted && is('inverted')) || is('base'), overlap && is('overlapped'), className));
+    return (React.createElement("section", __assign({ id: id, onClick: onClick && onClick }, (backgroundSrc && {
         style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
     }), { className: classes }, others),
-        React.createElement("div", { className: hashClass(styled, clsx("hero-body")) }, children)));
+        React.createElement("div", { className: hashClass(styled, clsx('hero-body')) }, children)));
 };
 export default Hero;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JFLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDSixNQUFNLGNBVkcsbUhBV2IsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixNQUFNLEVBQ04sZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNuQyxPQUFPLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUMzQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxJQUN2QixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1FBRVYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzlELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVVGO0lBVFYsSUFBQSxRQUFRLGNBQUEsRUFDUixlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FURyxxR0FVYixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsT0FBTyxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDM0IsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCwwQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxJQUN2QixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1FBRVYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzlELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/hero/Hero.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { HeroProps } from "./HeroProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { HeroProps } from './HeroProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Hero Component
  * @param children {ReactNode} Hero Children
@@ -13,7 +13,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param backgroundHeight {BackgroundHeight} Background heigth
  */
 declare const Hero: {
-    ({ children, backgroundSrc, onClick, overlap, backgroundHeight, inverted, backgroundColor, ...others }: HeroProps): JSX.Element;
+    ({ children, backgroundSrc, onClick, overlap, inverted, backgroundColor, ...others }: HeroProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Hero;

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

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useState } from "react";
-import { ImageBackground, StyleSheet, TouchableOpacity, View, } from "react-native";
-import { getColorStyle, TrilogyColor } from "../../objects";
-import { Box } from "../box";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StatesContext } from "../../context/providerStates";
+import React, { useState } from 'react';
+import { ImageBackground, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { Box } from '../box';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
 /**
  * Hero Component
  * @param children {ReactNode} Hero Children
@@ -17,45 +17,36 @@ import { StatesContext } from "../../context/providerStates";
  * @param backgroundHeight {BackgroundHeight} Background heigth
  */
 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 children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "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;
     var styles = StyleSheet.create({
         hero: {
-            width: "100%",
+            width: '100%',
             minHeight: 100,
             maxHeight: 300,
-            height: backgroundHeight ? backgroundHeight : "auto",
+            height: 'auto',
         },
         content: {
             paddingLeft: 15,
         },
         background: {
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
-                : getColorStyle(TrilogyColor.BACKGROUND),
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : getColorStyle(TrilogyColor.BACKGROUND),
         },
         overlap: {
-            position: "absolute",
-            top: isSecondOverlapNotEmpty
-                ? -40
-                : backgroundHeight
-                    ? backgroundHeight * (-1 / 2)
-                    : -60,
+            position: 'absolute',
+            top: isSecondOverlapNotEmpty ? -40 : -60,
         },
         secondOverlap: {
-            position: "absolute",
-            alignSelf: "center",
+            position: 'absolute',
+            alignSelf: 'center',
             top: secondOverlapHeight * (-1 / 2) - 40,
-            width: "100%",
+            width: '100%',
         },
         subOverlap: {
-            height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
+            height: isSecondOverlapNotEmpty ? overlapHeight - 40 : 'auto',
         },
     });
     var heroView;
@@ -65,9 +56,7 @@ var Hero = function (_a) {
                 React.createElement(View, { style: styles.content }, children))));
     }
     else {
-        heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc === "number"
-                ? backgroundSrc
-                : { uri: backgroundSrc }, style: styles.hero }, others),
+        heroView = (React.createElement(ImageBackground, __assign({ source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: styles.hero }, others),
             React.createElement(View, { style: styles.content, testID: 'no-background-id' }, children)));
     }
     var overlapView;
@@ -79,24 +68,24 @@ var Hero = function (_a) {
                 } },
                 React.createElement(Box, { backgroundColor: TrilogyColor.NEUTRAL_FADE },
                     React.createElement(View, { style: { marginBottom: secondOverlapHeight / 2 } }),
-                    overlap && typeof overlap !== "boolean" ? overlap[0] : null)),
+                    overlap && typeof overlap !== 'boolean' ? overlap[0] : null)),
             React.createElement(View, { style: styles.secondOverlap, onLayout: function (event) {
                     var height = event.nativeEvent.layout.height;
                     setSecondOverlapHeight(height);
-                } }, overlap && typeof overlap !== "boolean" ? overlap[1] : null)));
+                } }, overlap && typeof overlap !== 'boolean' ? overlap[1] : null)));
     }
     else {
         overlapView = (React.createElement(View, { style: styles.subOverlap },
             React.createElement(View, { style: styles.overlap, onLayout: function (event) {
                     var height = event.nativeEvent.layout.height;
                     setOverlapHeight(height);
-                } }, overlap && typeof overlap !== "boolean" ? overlap[0] : null)));
+                } }, overlap && typeof overlap !== 'boolean' ? overlap[0] : null)));
     }
     return onClick ? (React.createElement(View, null,
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: "100%" } },
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView))) : (React.createElement(View, { style: { width: '100%' } },
         heroView,
         overlapView));
 };
 Hero.displayName = ComponentName.Hero;
 export default Hero;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEdBQUcsTUFBTSxjQUFjLENBQUE7QUFFbkYsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUM1QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBU0Y7SUFSVixJQUFBLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxnQkFBZ0Isc0JBQUEsRUFDaEIsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FSRyxzR0FTYixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBdUIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQXVCLENBQUE7SUFFekUsSUFBTSxlQUFlLEdBQ25CLE9BQU8sSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7SUFDakUsSUFBTSx1QkFBdUIsR0FBRyxlQUFlLElBQUksbUJBQW1CLEdBQUcsQ0FBQyxDQUFBO0lBRTFFLElBQU0sYUFBYSxHQUFHLGdCQUFnQjtRQUNwQyxDQUFDLENBQUMsYUFBYSxHQUFHLGdCQUFnQixHQUFHLENBQUM7UUFDdEMsQ0FBQyxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUE7SUFFdEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxHQUFHO1lBQ2QsU0FBUyxFQUFFLEdBQUc7WUFDZCxNQUFNLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ3JEO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsV0FBVyxFQUFFLEVBQUU7U0FDaEI7UUFDRCxVQUFVLEVBQUU7WUFDVixlQUFlLEVBQUUsZUFBZTtnQkFDOUIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUM7Z0JBQ2hDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztTQUMzQztRQUNELE9BQU8sRUFBRTtZQUNQLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEdBQUcsRUFBRSx1QkFBdUI7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ0wsQ0FBQyxDQUFDLGdCQUFnQjtvQkFDbEIsQ0FBQyxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUM3QixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ1I7UUFDRCxhQUFhLEVBQUU7WUFDYixRQUFRLEVBQUUsVUFBVTtZQUNwQixTQUFTLEVBQUUsUUFBUTtZQUNuQixHQUFHLEVBQUUsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFO1lBQ3hDLEtBQUssRUFBRSxNQUFNO1NBQ2Q7UUFDRCxVQUFVLEVBQUU7WUFDVixNQUFNLEVBQUUsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLGFBQWE7U0FDckU7S0FDRixDQUFDLENBQUE7SUFDRixJQUFJLFFBQXFCLENBQUE7SUFFekIsSUFBSSxlQUFlLEVBQUU7UUFDbkIsUUFBUSxHQUFHLENBQ1Qsb0JBQUMsYUFBYSxDQUFDLFFBQVEsSUFDckIsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFO1lBRTNELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUMsZUFBZTtnQkFDbkUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFHLFFBQVEsQ0FBUSxDQUN6QyxDQUNnQixDQUMxQixDQUFBO0tBQ0Y7U0FBTTtRQUNMLFFBQVEsR0FBRyxDQUNULG9CQUFDLGVBQWUsYUFDZCxNQUFNLEVBQ0osT0FBTyxhQUFhLEtBQUssUUFBUTtnQkFDL0IsQ0FBQyxDQUFDLGFBQWE7Z0JBQ2YsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxFQUU1QixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFDZCxNQUFNO1lBRVYsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBQyxrQkFBa0IsSUFBRSxRQUFRLENBQVEsQ0FDeEQsQ0FDbkIsQ0FBQTtLQUNGO0lBRUQsSUFBSSxXQUF3QixDQUFBO0lBRTVCLElBQUksZUFBZSxFQUFFO1FBQ25CLFdBQVcsR0FBRyxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7WUFDNUIsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUNyQixRQUFRLEVBQUUsVUFBQyxLQUFLO29CQUNOLElBQUEsTUFBTSxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxPQUE3QixDQUE2QjtvQkFDM0MsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUE7Z0JBQzFCLENBQUM7Z0JBRUQsb0JBQUMsR0FBRyxJQUFDLGVBQWUsRUFBRSxZQUFZLENBQUMsWUFBWTtvQkFDN0Msb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLFlBQVksRUFBRSxtQkFBbUIsR0FBRyxDQUFDLEVBQUUsR0FBSTtvQkFDekQsT0FBTyxJQUFJLE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ3hELENBQ0Q7WUFDUCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhLEVBQzNCLFFBQVEsRUFBRSxVQUFDLEtBQUs7b0JBQ04sSUFBQSxNQUFNLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO29CQUMzQyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsQ0FBQTtnQkFDaEMsQ0FBQyxJQUVBLE9BQU8sSUFBSSxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUN2RCxDQUNGLENBQ1IsQ0FBQTtLQUNGO1NBQU07UUFDTCxXQUFXLEdBQUcsQ0FDWixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO1lBQzVCLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFDckIsUUFBUSxFQUFFLFVBQUMsS0FBSztvQkFDTixJQUFBLE1BQU0sR0FBSyxLQUFLLENBQUMsV0FBVyxDQUFDLE1BQU0sT0FBN0IsQ0FBNkI7b0JBQzNDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFBO2dCQUMxQixDQUFDLElBRUEsT0FBTyxJQUFJLE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ3ZELENBQ0YsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxJQUNwRCxRQUFRLENBQ1EsQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7UUFDM0IsUUFBUTtRQUNSLFdBQVcsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUM1QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBUUY7SUFQVixJQUFBLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVBHLGtGQVFiLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUsR0FBRyxPQUFPLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSxJQUFH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

package/lib/components/hero/HeroProps.d.ts

@@ -1,15 +1,11 @@
 /// <reference types="react" />
-import { Clickable } from "../../objects/facets";
-import { AlignableProps } from "../../objects/facets/Alignable";
-import { JustifiableProps } from "../../objects/facets/Justifiable";
-import { BackgroundHeight } from "./heroEnum";
-import { BackgroundProps } from "../../objects/atoms/Background";
+import { Clickable } from '../../objects/facets';
+import { BackgroundProps } from '../../objects/atoms/Background';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Hero Interface
  */
-export interface HeroProps extends AlignableProps, JustifiableProps, Clickable, BackgroundProps {
+export interface HeroProps extends Clickable, BackgroundProps, CommonProps {
     children?: React.ReactNode;
-    className?: string;
     overlap?: React.ReactNode[] | boolean;
-    backgroundHeight?: BackgroundHeight;
 }

package/lib/components/hero/HeroPropsDefaults.js

@@ -13,13 +13,6 @@ export default {
       "ReactPortal"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "overlap": {
     "type": "boolean",
     "values": [
@@ -29,54 +22,6 @@ export default {
       "ReactNode[]"
     ]
   },
-  "backgroundHeight": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      100,
-      150,
-      200,
-      300
-    ]
-  },
-  "align": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
-  "verticalAlign": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
-  "justify": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "justified-center",
-      "justified-start",
-      "justified-end",
-      "space-between",
-      "JUSTIFIED_CENTER",
-      "JUSTIFIED_START",
-      "JUSTIFIED_END",
-      "SPACE_BETWEEN"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [
@@ -138,5 +83,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconProps } from "./IconProps";
+import { IconProps } from './IconProps';
 /**
  * Icon Component
  * @param size Size of Icon
@@ -7,24 +7,15 @@ import { IconProps } from "./IconProps";
  * @param status SUCCESS|ERROR If CircleIcon or not
  * @param circled true-false if CircleIcon
  * @param content If TextIcon use it for text
- * @param position UP|DOWN|LEFT|RIGHT
- * @param stacked {boolean} Stacked icon
  * @param badgeContent {string} Icon with bage content
- * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
  * @param stretched {boolean} Stretched icon
  * @param color {IconColor} Custom Icon Color
  * @param backgroundColor {TrilogyColor} Custom Background color only if circled
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
- * @param marginless {boolean} delete margin
- * @param align { Alignable | AlignableValues} align content
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param textClassName {string} Text's className
  * @param className Additionnal css classes
- * @param markup {TextIconMarkup} Available markup for Icon DIV|P|SPAN|A
- * @param verticalAlign {Alignable | AlignableValues} align vertical content
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param style {object} Additional styles
  */
-declare const Icon: ({ className, textClassName, size, name, status, circled, content, position, markup, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, verticalAlign, testId, marginless, ...others }: IconProps) => JSX.Element;
+declare const Icon: ({ className, id, size, name, status, circled, badgeContent, stretched, color, backgroundColor, onClick, skeleton, ...others }: IconProps) => JSX.Element;
 export default Icon;

package/lib/components/icon/Icon.js

@@ -1,14 +1,12 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import clsx from "clsx";
-import StatusIcon from "./status/index";
-import CircleIcon from "./circle/index";
-import TextIcon from "./text/index";
-import { has, is } from "../../services/classify";
-import { getColorClassName, } from "../../objects/facets/Color";
-import { getAlignClassName } from "../../objects/facets/Alignable";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import * as React from 'react';
+import clsx from 'clsx';
+import { getStatusBackground, has, is } from '../../services/classify';
+import { getColorClassName, TrilogyColor } from '../../objects/facets/Color';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { getBackgroundClassName } from '../../objects/atoms/Background';
+import { IconStatus } from '../../components/icon/IconEnum';
 /**
  * Icon Component
  * @param size Size of Icon
@@ -16,105 +14,27 @@ import { useTrilogyContext } from "../../context";
  * @param status SUCCESS|ERROR If CircleIcon or not
  * @param circled true-false if CircleIcon
  * @param content If TextIcon use it for text
- * @param position UP|DOWN|LEFT|RIGHT
- * @param stacked {boolean} Stacked icon
  * @param badgeContent {string} Icon with bage content
- * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
  * @param stretched {boolean} Stretched icon
  * @param color {IconColor} Custom Icon Color
  * @param backgroundColor {TrilogyColor} Custom Background color only if circled
  * @param onClick {Function} onClick Event Icon
  * @param skeleton {boolean} Icon Skeleton
- * @param marginless {boolean} delete margin
- * @param align { Alignable | AlignableValues} align content
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param textClassName {string} Text's className
  * @param className Additionnal css classes
- * @param markup {TextIconMarkup} Available markup for Icon DIV|P|SPAN|A
- * @param verticalAlign {Alignable | AlignableValues} align vertical content
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param style {object} Additional styles
  */
 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 className = _a.className, id = _a.id, size = _a.size, name = _a.name, status = _a.status, circled = _a.circled, badgeContent = _a.badgeContent, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, others = __rest(_a, ["className", "id", "size", "name", "status", "circled", "badgeContent", "stretched", "color", "backgroundColor", "onClick", "skeleton"]);
     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("".concat(getAlignClassName(verticalAlign))), className);
-    var alignClasses = hashClass(styled, clsx((align &&
-        getAlignClassName(align) === "aligned-start" &&
-        has("text-left")) ||
-        (getAlignClassName(align) === "aligned-center" &&
-            has("text-centered")) ||
-        (getAlignClassName(align) === "aligned-end" && has("text-right"))));
-    // circled icons
-    if (circled || (circled && status)) {
-        if (align) {
-            return (React.createElement("div", { className: alignClasses },
-                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, __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, __assign({ 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, __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, __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", __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", __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))));
-    }
-    // Stretched icon
-    if (stretched) {
-        if (align) {
-            return (React.createElement("div", { className: alignClasses },
-                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", __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", __assign({ onClick: onClick && onClick, className: classes }, others),
-                    React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
-        }
-        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", __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", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes }, others),
+    var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
+        (status && getStatusBackground(status, IconStatus.INFO)) ||
+        (circled && has(getBackgroundClassName(TrilogyColor.MAIN))) ||
+        '';
+    var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), badgeContent && is('stacked'), status && is("".concat(status.toLowerCase())), background, className));
+    return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others),
+        badgeContent && React.createElement("span", { className: hashClass(styled, clsx('badge', is('up'))) }, badgeContent),
         React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
 };
 export default Icon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sUUFBUSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsR0FBcUMsTUFBTSx3QkFBd0IsQ0FBQTtBQUM3RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCRztBQUVILElBQU0sSUFBSSxHQUFHLFVBQUMsRUF1QkY7SUF0QlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxhQUFhLG1CQUFBLEVBQ2IsSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsWUFBWSxrQkFBQSxFQUNaLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDbEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFdkQ7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBY0Y7SUFiVixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWJHLHdJQWNiLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFVBQVUsR0FDZCxDQUFDLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztRQUNqRSxDQUFDLE1BQU0sSUFBSSxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hELENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixZQUFZLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUM3QixNQUFNLElBQUksRUFBRSxDQUFDLFVBQUcsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFFLENBQUMsRUFDdkMsVUFBVSxFQUNWLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsdUNBQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDdEUsWUFBWSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBRyxZQUFZLENBQVE7UUFDbkcsMkJBQUcsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGlCQUFjLE1BQU0sR0FBRyxDQUM3RCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/icon/Icon.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IconProps } from "./IconProps";
-import { ComponentName } from "../enumsComponentsName";
+import { IconProps } from './IconProps';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Icon Component
  * @param size Size of Icon
@@ -9,19 +9,17 @@ import { ComponentName } from "../enumsComponentsName";
  * @param status SUCCESS|ERROR|WARNING|PRIMARY|TERTIARY|WHITE|GREY If CircleIcon or not
  * @param circled true-false if CircleIcon
  * @param content If TextIcon use it for text
- * @param position UP|DOWN|LEFT|RIGHT
  * @param stacked {boolean} Stacked icon
  * @param backgroundColor {TrilogyColor} Custom Background color only if circled
  * @param color {IconColor} Custom Icon Color
  * @param statusPosition {IconStatusPosition} Position for icon with status (TOP|BOTTOM)
  * @param stretched {boolean} Stretched icon
- * @param style {Object} Additional styles
  * @param onClick {Function} onClick Event Icon
  * @param align { Alignable | AlignableValues} align content
  * @param skeleton {boolean} Icon Skeleton
  */
 declare const Icon: {
-    ({ size, name, status, circled, content, position, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, style, testId, ...others }: IconProps): JSX.Element;
+    ({ size, name, status, circled, stacked, badgeContent, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }: IconProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Icon;