@trilogy-ds/react 0.0.1-beta-144 → 0.0.1-beta-sc-1

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 '../../../components/icon/text/TextIcon';
+export default IconText;

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

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

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

@@ -1,15 +1,4 @@
-/// <reference types="react" />
-import { ImageProps } from './ImageProps';
-/**
- * Image Component
- * @param src {string} Image source
- * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
- * @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
- * - -------------------------- 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;
-export default Image;
+import React from 'react';
+import { ImageProps } from '../../components/image/ImageProps';
+declare const _default: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
+export default _default;

package/lib/components/image/Image.js

@@ -1,10 +1,8 @@
 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 React from 'react';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Image Component
  * @param src {string} Image source
@@ -16,10 +14,9 @@ import { getJustifiedClassName } from '../../objects';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @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 styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
+var Image = function (_a, ref) {
+    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 classes = hashClass(clsx('image', className));
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var styles = {
         image: {
@@ -27,11 +24,8 @@ var Image = function (_a) {
             height: height,
         },
     };
-    return (React.createElement("figure", __assign({ id: id, 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 })));
+    return (React.createElement("figure", __assign({ onClick: onClick && onClick, className: classes, ref: ref }, others),
+        React.createElement("img", { style: styles.image, className: hashClass(clsx(rounded ? is('rounded') : '')), src: typeof src === 'string' ? src : '', alt: alt })));
 };
-export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBWEksNkZBWWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUV0Ryw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+export default React.forwardRef(Image);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUNaLEVBQStFLEVBQy9FLEdBQTJCO0lBRHpCLElBQUEsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUdqRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRW5ELDhEQUE4RDtJQUM5RCxJQUFNLE1BQU0sR0FBOEI7UUFDeEMsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUs7WUFDWixNQUFNLEVBQUUsTUFBTTtTQUNmO0tBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx5Q0FBUSxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTTtRQUMzRSw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQ3hELEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBIn0=

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

@@ -1,17 +1,5 @@
-/// <reference types="react" />
-import { ImageProps } from "./ImageProps";
-import { ComponentName } from "../../components/enumsComponentsName";
-/**
- * Image Component
- * @param src {string} Image source
- * @param alt {string} Image alt
- * @param rounded {boolean} Image rounded
- * @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
- */
-declare const Image: {
-    ({ src, alt, circled, width, height, onClick, ...others }: ImageProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Image;
+import React from 'react';
+import { Image as ImageNative } from 'react-native';
+import { ImageProps } from '../../components/image/ImageProps';
+declare const _default: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<ImageNative>>;
+export default _default;

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

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { Image as ImageNative, StyleSheet, TouchableOpacity, View, } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Image Component
  * @param src {string} Image source
@@ -10,22 +10,25 @@ 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 Image = function (_a, ref) {
+    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"
+            width: width ? width : '100%',
+            height: height ? height : '100%',
+            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)));
+    var image = (React.createElement(ImageNative, __assign({ ref: ref, style: styles.image, accessibilityLabel: alt, source: typeof src === 'number' ? src : { uri: src } }, others)));
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
 };
 Image.displayName = ComponentName.Image;
-export default Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsS0FBSyxJQUFJLFdBQVcsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXhGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVBJLHVEQVFkLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDaEMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUN4QyxVQUFVLEVBQUUsU0FBUztTQUN0QjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsV0FBVyxhQUNWLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLE1BQU0sRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQ2hELE1BQU0sRUFDVixDQUNILENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxJQUNwRCxLQUFLLENBQ1csQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+export default React.forwardRef(Image);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUFBMEUsRUFDMUUsR0FBMkI7SUFEekIsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQTVELCtEQUE4RCxDQUFGO0lBRzVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQzdCLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoQyxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3hDLFVBQVUsRUFBRSxTQUFTO1lBQ3JCLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNuQjtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsV0FBVyxhQUNWLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLGtCQUFrQixFQUFFLEdBQUcsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUEifQ==

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/facets/Clickable';
+import { Flexable } from '../../objects/facets/Flexable';
+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"
     ]
   }
 };

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

@@ -1,3 +1 @@
-import { RadiusValues } from '../../components/image/ImageProps';
-import Image from './Image';
-export { Image, RadiusValues };
+export { default as Image } from '../../components/image/Image';

package/lib/components/image/index.js

@@ -1,4 +1,2 @@
-import { RadiusValues } from '../../components/image/ImageProps';
-import Image from './Image';
-export { Image, RadiusValues };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUM1RCxPQUFPLEtBQUssTUFBTSxTQUFTLENBQUE7QUFFM0IsT0FBTyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsQ0FBQSJ9
+export { default as Image } from '../../components/image/Image';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUEifQ==

package/lib/components/index.d.ts

@@ -1,48 +1,48 @@
-export * from './accordion';
-export * from './alert';
-export * from './autocomplete';
-export * from './autolayout';
-export * from './badge';
-export * from './box';
-export * from './breadcrumb';
-export * from './button';
-export * from './card';
-export * from './checkbox';
-export * from './chips';
-export * from './columns';
-export * from './container';
-export * from './countdown';
-export * from './divider';
-export * from './fab';
-export * from './hero';
-export * from './icon';
-export * from './image';
-export * from './input';
-export * from './link';
-export * from './list';
-export * from './modal';
-export * from './otp';
-export * from './pagination';
-export * from './popover';
-export * from './price';
-export * from './product-tour';
-export * from './progress';
-export * from './radio';
-export * from './range';
-export * from './rows';
-export * from './scroll-view';
-export * from './section';
-export * from './segment-control';
-export * from './select';
-export * from './spacer';
-export * from './stepper';
-export * from './sticker';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './tag';
-export * from './text';
-export * from './textarea';
-export * from './timeline';
-export * from './title';
-export * from './view';
+export * from '../components/accordion';
+export * from '../components/alert';
+export * from '../components/autocomplete';
+export * from '../components/autolayout';
+export * from '../components/badge';
+export * from '../components/box';
+export * from '../components/breadcrumb';
+export * from '../components/button';
+export * from '../components/card';
+export * from '../components/checkbox';
+export * from '../components/chips';
+export * from '../components/columns';
+export * from '../components/container';
+export * from '../components/countdown';
+export * from '../components/divider';
+export * from '../components/fab';
+export * from '../components/hero';
+export * from '../components/icon';
+export * from '../components/image';
+export * from '../components/input';
+export * from '../components/link';
+export * from '../components/list';
+export * from '../components/modal';
+export * from '../components/otp';
+export * from '../components/pagination';
+export * from '../components/popover';
+export * from '../components/price';
+export * from '../components/product-tour';
+export * from '../components/progress';
+export * from '../components/radio';
+export * from '../components/range';
+export * from '../components/rows';
+export * from '../components/scroll-view';
+export * from '../components/section';
+export * from '../components/segment-control';
+export * from '../components/select';
+export * from '../components/spacer';
+export * from '../components/stepper';
+export * from '../components/sticker';
+export * from '../components/switch';
+export * from '../components/table';
+export * from '../components/tabs';
+export * from '../components/tag';
+export * from '../components/text';
+export * from '../components/textarea';
+export * from '../components/timeline';
+export * from '../components/title';
+export * from '../components/view';