@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

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

@@ -0,0 +1,118 @@
+export default {
+  "color": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "name": {
+    "type": "enum",
+    "values": [
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": []
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "SUCCESS",
+      "ERROR",
+      "WARNING",
+      "INFO",
+      "WHITE"
+    ]
+  },
+  "statusPosition": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "top",
+      "bottom",
+      "top",
+      "bottom"
+    ]
+  },
+  "stretched": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/icon/status/index.d.ts

@@ -0,0 +1,2 @@
+import IconStatus from './StatusIcon';
+export default IconStatus;

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

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

package/lib/components/icon/text/TextIcon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconProps } from '../../../components/icon/IconProps';
+interface Props extends IconProps {
+    textId?: string;
+    textAriaLevel?: number;
+    textRole?: string;
+}
+declare const TextIcon: ({ className, textClassName, name, content, position, markup, textId, textAriaLevel, textRole, ...others }: Props) => JSX.Element;
+export default TextIcon;

package/lib/components/icon/text/TextIcon.js

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+import Icon from '../../../components/icon/Icon';
+import { IconPosition, TextIconMarkup } from '../../../components/icon/IconEnum';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { is } from '../../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+var TextIcon = function (_a) {
+    var className = _a.className, textClassName = _a.textClassName, name = _a.name, content = _a.content, position = _a.position, markup = _a.markup, textId = _a.textId, textAriaLevel = _a.textAriaLevel, textRole = _a.textRole, others = __rest(_a, ["className", "textClassName", "name", "content", "position", "markup", "textId", "textAriaLevel", "textRole"]);
+    var styled = useTrilogyContext().styled;
+    var isCorrectMarkup = function (stringMarkup) {
+        if (stringMarkup in TextIconMarkup || Object.values(TextIconMarkup).includes(stringMarkup))
+            return true;
+    };
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'span';
+    if (position) {
+        return (React.createElement("span", { className: hashClass(styled, clsx('icon-and-text', (position === IconPosition.UP || position === IconPosition.DOWN) && is('stacked'), className)) },
+            (position === IconPosition.RIGHT || position === IconPosition.DOWN) &&
+                content &&
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
+        // <Tag className={textClassName}>{content}</Tag>
+        ,
+            React.createElement(Icon, __assign({ name: name, className: className }, others)),
+            (position === IconPosition.UP || position === IconPosition.LEFT) &&
+                content &&
+                (content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content))
+        // <Tag className={textClassName}>{content}</Tag>
+        ));
+    }
+    return (React.createElement("span", { className: hashClass(styled, clsx('icon-and-text', className)) },
+        React.createElement(Icon, __assign({ name: name }, others)),
+        content && typeof content.valueOf() === 'string' ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId, "aria-level": textAriaLevel, role: textRole }, String(content))) : (content)));
+};
+export default TextIcon;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vdGV4dC9UZXh0SWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLHdCQUF3QixDQUFBO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUF3QixNQUFNLDRCQUE0QixDQUFBO0FBRS9GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUTlCLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFXVjtJQVZOLElBQUEsU0FBUyxlQUFBLEVBQ1QsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVk8sOEdBV2pCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQW1EO1FBQzFFLElBQUksWUFBWSxJQUFJLGNBQWMsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUE4QixDQUFDO1lBQzFHLE9BQU8sSUFBSSxDQUFBO0lBQ2YsQ0FBQyxDQUFBO0lBQ0QsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFFL0QsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsOEJBQ0UsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixlQUFlLEVBQ2YsQ0FBQyxRQUFRLEtBQUssWUFBWSxDQUFDLEVBQUUsSUFBSSxRQUFRLEtBQUssWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDakYsU0FBUyxDQUNWLENBQ0Y7WUFHQyxDQUFDLFFBQVEsS0FBSyxZQUFZLENBQUMsS0FBSyxJQUFJLFFBQVEsS0FBSyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNqRSxPQUFPO2dCQUNQLENBQUMsT0FBTyxJQUFJLE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDbEQsb0JBQUMsR0FBRyxJQUNGLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNqRCxFQUFFLEVBQUUsTUFBTSxnQkFDRSxhQUFhLEVBQ3pCLElBQUksRUFBRSxRQUFRLElBRWIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUNaLENBQ1AsQ0FBQyxDQUFDLENBQUMsQ0FDRixPQUFPLENBQ1IsQ0FBQztRQUNKLGlEQUFpRDs7WUFFbkQsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFBTSxNQUFNLEVBQUk7WUFFcEQsQ0FBQyxRQUFRLEtBQUssWUFBWSxDQUFDLEVBQUUsSUFBSSxRQUFRLEtBQUssWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDOUQsT0FBTztnQkFDUCxDQUFDLE9BQU8sSUFBSSxPQUFPLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2xELG9CQUFDLEdBQUcsSUFDRixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDakQsRUFBRSxFQUFFLE1BQU0sZ0JBQ0UsYUFBYSxFQUN6QixJQUFJLEVBQUUsUUFBUSxJQUViLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FDWixDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsT0FBTyxDQUNSLENBQUM7UUFDSixpREFBaUQ7U0FFOUMsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNsRSxvQkFBQyxJQUFJLGFBQUMsSUFBSSxFQUFFLElBQUksSUFBTSxNQUFNLEVBQUk7UUFDL0IsT0FBTyxJQUFJLE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDbEQsb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxNQUFNLGdCQUFjLGFBQWEsRUFBRSxJQUFJLEVBQUUsUUFBUSxJQUMxRyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQ1osQ0FDUCxDQUFDLENBQUMsQ0FBQyxDQUNGLE9BQU8sQ0FDUixDQUVJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/icon/text/TextIcon.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextIconProps } from './TextIconProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+declare const TextIcon: {
+    ({ name, content, size, position, stretched, color, stacked, verticalAlign, testId }: TextIconProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default TextIcon;

package/lib/components/icon/text/TextIcon.native.js

@@ -0,0 +1,40 @@
+import React, { useContext } from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import { Text, TextLevels } from '../../../components/text';
+import { IconPosition } from '../../../components/icon/IconEnum';
+import { Alignable, getAlignStyle } from '../../../objects/facets/Alignable';
+import { WithLocalSvg } from 'react-native-svg/css';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { TrilogyThemeContext } from "../../../context/providerTheme.native";
+var TextIcon = function (_a) {
+    var name = _a.name, content = _a.content, size = _a.size, position = _a.position, stretched = _a.stretched, color = _a.color, stacked = _a.stacked, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? Alignable.ALIGNED_CENTER : _b, testId = _a.testId;
+    var icons = useContext(TrilogyThemeContext).theme.icons;
+    var styles = StyleSheet.create({
+        iconText: {
+            marginRight: (position === IconPosition.LEFT && 10) || 0,
+            marginLeft: (position === IconPosition.RIGHT && 10) || 0,
+            marginBottom: (position === IconPosition.UP && 10) || 0,
+            marginTop: (position === IconPosition.DOWN && 10) || 0,
+        },
+        icon: {
+            transform: Platform.OS === 'ios' ? (stretched && [{ skewX: '20deg' }]) || [{ skewX: '0deg' }] : [],
+        },
+        contentContainer: {
+            alignItems: getAlignStyle(verticalAlign),
+            flexDirection: (position === IconPosition.DOWN && 'column') || (position === IconPosition.UP && 'column-reverse') || 'row',
+        },
+        text: {
+            textAlign: 'center',
+            color: color,
+        },
+    });
+    return (React.createElement(View, { style: [{ width: '100%' }, styles.contentContainer], testID: testId },
+        !position && React.createElement(Text, { style: styles.text }, content),
+        (position === IconPosition.RIGHT || position === IconPosition.DOWN) && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content)),
+        (position === IconPosition.UP || stacked) && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content)),
+        icons && (React.createElement(WithLocalSvg, { style: styles.iconText, asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: size, height: size, color: color })),
+        position === IconPosition.LEFT && content && (React.createElement(Text, { style: styles.text, level: TextLevels.THREE }, content))));
+};
+TextIcon.displayName = ComponentName.TextIcon;
+export default TextIcon;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEljb24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9pY29uL3RleHQvVGV4dEljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRXBFLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFVRjtRQVRkLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLHFCQUF3QyxFQUF4QyxhQUFhLG1CQUFHLFNBQVMsQ0FBQyxjQUFjLEtBQUEsRUFDeEMsTUFBTSxZQUFBO0lBR0ssSUFBQSxLQUFLLEdBQ1osVUFBVSxDQUFDLG1CQUFtQixDQUFDLFlBRG5CLENBQ21CO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUMsUUFBUSxLQUFLLFlBQVksQ0FBQyxJQUFJLElBQUks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

package/lib/components/icon/text/TextIconProps.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IconPosition, IconPositionValues } from '../../../components/icon/IconEnum';
+import { IconName, IconNameValues } from '../../../components/icon/IconNameEnum';
+import { Accessibility, AlignableProps, Dev } from '../../../objects';
+import { Stacked } from '../../../objects/facets/Stacked';
+export interface TextIconProps extends Stacked, AlignableProps, Accessibility, Dev {
+    color?: string;
+    content?: string | React.ReactNode;
+    name: IconName | IconNameValues;
+    size: number;
+    position?: IconPosition | IconPositionValues;
+    stretched?: string | React.ReactNode;
+}

package/lib/components/icon/text/TextIconProps.js

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

package/lib/components/{checkbox/tiles/tile/CheckboxTilePropsDefaults.js → icon/text/TextIconPropsDefaults.js}

@@ -1,16 +1,28 @@
 export default {
-  "horizontal": {
-    "type": "boolean",
+  "color": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "content": {
+    "type": "react",
     "values": [
       "undefined",
+      "null",
+      "string",
+      "number",
       "false",
-      "true"
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
     ]
   },
-  "icon": {
+  "name": {
     "type": "enum",
     "values": [
-      "undefined",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
@@ -59,7 +71,25 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "description": {
+  "size": {
+    "type": "string",
+    "values": []
+  },
+  "position": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "up",
+      "down",
+      "left",
+      "right",
+      "up",
+      "down",
+      "left",
+      "right"
+    ]
+  },
+  "stretched": {
     "type": "react",
     "values": [
       "undefined",
@@ -73,23 +103,7 @@ export default {
       "ReactPortal"
     ]
   },
-  "checked": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "disabled": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "readonly": {
+  "stacked": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -97,32 +111,28 @@ export default {
       "true"
     ]
   },
-  "label": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "onChange": {
-    "type": "function",
-    "values": [
-      "undefined",
-      "CheckboxChangeEventHandler"
-    ]
-  },
-  "name": {
-    "type": "string",
+  "align": {
+    "type": "enum",
     "values": [
       "undefined",
-      "string"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
-  "value": {
-    "type": "string",
+  "verticalAlign": {
+    "type": "enum",
     "values": [
       "undefined",
-      "string"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   },
   "accessibilityLabel": {
@@ -132,14 +142,7 @@ export default {
       "string"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/icon/text/index.d.ts

@@ -0,0 +1,2 @@
+import IconText from './TextIcon';
+export default IconText;

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

@@ -0,0 +1,3 @@
+import IconText from './TextIcon';
+export default IconText;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vdGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/image/Image.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ImageProps } from './ImageProps';
+import { ImageProps } from "./ImageProps";
 /**
  * Image Component
  * @param src {string} Image source
@@ -11,5 +11,5 @@ import { ImageProps } from './ImageProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
-declare const Image: ({ src, alt, className, id, circled, width, height, onClick, radius, align, ...others }: ImageProps) => JSX.Element;
+declare const Image: ({ src, alt, className, rounded, width, height, onClick, ...others }: ImageProps) => JSX.Element;
 export default Image;

package/lib/components/image/Image.js

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { getJustifiedClassName } from '../../objects';
+import * as React from "react";
+import { is } from "../../services";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Image Component
  * @param src {string} Image source
@@ -17,9 +16,9 @@ import { getJustifiedClassName } from '../../objects';
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
 var Image = function (_a) {
-    var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
+    var src = _a.src, alt = _a.alt, className = _a.className, rounded = _a.rounded, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "rounded", "width", "height", "onClick"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
+    var classes = hashClass(styled, clsx("image", className));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var styles = {
         image: {
@@ -27,11 +26,11 @@ var Image = function (_a) {
             height: height,
         },
     };
-    return (React.createElement("figure", __assign({ id: id, onClick: function (e) {
+    return (React.createElement("figure", __assign({ onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes }, others),
-        React.createElement("img", { style: styles.image, className: hashClass(styled, clsx(radius && has("border-radius-".concat(radius)), circled ? is('circled') : '')), src: typeof src === 'string' ? src : '', alt: alt })));
+        React.createElement("img", { style: styles.image, className: hashClass(styled, clsx(rounded ? is("rounded") : "")), src: typeof src === "string" ? src : "", alt: alt })));
 };
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBWEksNkZBWWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUV0Ryw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFTRjtJQVJYLElBQUEsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVJJLG9FQVNkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUzRCw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1FBRVYsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDaEUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3ZDLEdBQUcsRUFBRSxHQUFHLEdBQ1IsQ0FDSyxDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/image/Image.native.d.ts

@@ -9,9 +9,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param style {Object} Additional styles
+ * @param flex {boolean} add Flex : 1
  */
 declare const Image: {
-    ({ src, alt, circled, width, height, onClick, ...others }: ImageProps): JSX.Element;
+    ({ src, alt, rounded, width, height, onClick, flex, ...others }: ImageProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Image;

package/lib/components/image/Image.native.js

@@ -10,16 +10,19 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param width {number|string} Image width (Number if not percent else string)
  * @param height {number|string} Image height (Number if not percent else string)
  * @param onClick {Function} onClick Event
+ * @param style {Object} Additional styles
+ * @param flex {boolean} add Flex : 1
  */
 var Image = function (_a) {
-    var src = _a.src, alt = _a.alt, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick"]);
+    var src = _a.src, alt = _a.alt, rounded = _a.rounded, width = _a.width, height = _a.height, onClick = _a.onClick, flex = _a.flex, others = __rest(_a, ["src", "alt", "rounded", "width", "height", "onClick", "flex"]);
     var styles = StyleSheet.create({
         image: {
             width: width ? width : "100%",
             height: height ? height : "100%",
-            borderRadius: circled ? 100 : 0,
-            overflow: circled ? "hidden" : "visible",
-            resizeMode: "contain"
+            borderRadius: rounded ? 100 : 0,
+            overflow: rounded ? "hidden" : "visible",
+            resizeMode: "contain",
+            flex: flex ? 1 : 0,
         },
     });
     var image = (React.createElement(ImageNative, __assign({ style: styles.image, accessibilityLabel: alt, source: typeof src === "number" ? src : { uri: src } }, others)));
@@ -28,4 +31,4 @@ var Image = function (_a) {
 };
 Image.displayName = ComponentName.Image;
 export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsS0FBSyxJQUFJLFdBQVcsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXhGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVBJLHVEQVFkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUN4QyxVQUFVLEVBQUUsU0FBUztTQUN0QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsV0FBVyxhQUNWLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxJQUNwRCxLQUFLLENBQ1csQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsS0FBSyxJQUFJLFdBQVcsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXhGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVNGO0lBUlgsSUFBQSxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDRCxNQUFNLGNBUkksK0RBU2QsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQzdCLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoQyxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3hDLFVBQVUsRUFBRSxTQUFTO1lBQ3JCLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNuQjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsV0FBVyxhQUNWLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxJQUNwRCxLQUFLLENBQ1csQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/image/ImageProps.d.ts

@@ -1,16 +1,16 @@
-import { AlignableProps, Clickable } from '../../objects';
-import { DimensionValue } from 'react-native';
-import { CommonProps } from '../../objects/facets/CommonProps';
-export declare enum RadiusValues {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-export interface ImageProps extends AlignableProps, Clickable, CommonProps {
+import { Clickable } from '../../objects';
+import { Flexable } from '../../objects/facets/Flexable';
+import { DimensionValue } from "react-native";
+type Styles = {
+    [key: string]: unknown;
+};
+export interface ImageProps extends Clickable, Flexable {
+    className?: string;
     src: string | number;
     alt?: string;
-    circled?: boolean;
+    rounded?: boolean;
     width?: DimensionValue | number | undefined;
     height?: DimensionValue | number | undefined;
-    radius?: RadiusValues;
+    style?: Styles;
 }
+export {};

package/lib/components/image/ImageProps.js

@@ -1,7 +1,2 @@
-export var RadiusValues;
-(function (RadiusValues) {
-    RadiusValues["SMALL"] = "small";
-    RadiusValues["MEDIUM"] = "medium";
-    RadiusValues["LARGE"] = "large";
-})(RadiusValues || (RadiusValues = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaW1hZ2UvSW1hZ2VQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQU4sSUFBWSxZQUlYO0FBSkQsV0FBWSxZQUFZO0lBQ3RCLCtCQUFlLENBQUE7SUFDZixpQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxZQUFZLEtBQVosWUFBWSxRQUl2QiJ9
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaW1hZ2UvSW1hZ2VQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/image/ImagePropsDefaults.js

@@ -1,4 +1,11 @@
 export default {
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "src": {
     "type": "string",
     "values": [
@@ -13,7 +20,7 @@ export default {
       "string"
     ]
   },
-  "circled": {
+  "rounded": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -43,37 +50,11 @@ export default {
       "AnimatedNode"
     ]
   },
-  "radius": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "small",
-      "medium",
-      "large"
-    ]
-  },
-  "align": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
-    ]
-  },
-  "verticalAlign": {
-    "type": "enum",
+  "style": {
+    "type": "string",
     "values": [
       "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
+      "Styles"
     ]
   },
   "onClick": {
@@ -83,18 +64,12 @@ export default {
       "ClickEvent"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
+  "flex": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };