@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-alpha-prompt

package/lib/components/card/content/CardContent.native.js

@@ -1,67 +1,24 @@
+import { __assign, __rest } from "tslib";
+import { CardContext } from '../../../components/card/Card.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import React, { useContext } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../title';
-import { Button } from '../../button';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { StyleSheet, View } from 'react-native';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
- * @param titleSup {string} Add a sup title
- * @param title {string} Add a title
- * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
- * @param buttonClick {Function} Click event for Button
- * @param text {string} Content text of Card
- * @param onClick {Function} onClick Event for all content
- * @param floating
- * @param others
  */
-const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }) => {
-    const cardContextValues = useContext(CardContext);
-    const styles = StyleSheet.create({
+var CardContent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var cardContextValues = useContext(CardContext);
+    var styles = StyleSheet.create({
         card: {
-            paddingTop: cardContextValues.floating ? 0 : 16,
-            paddingLeft: cardContextValues.floating ? 0 : 16,
-            paddingRight: cardContextValues.floating ? 0 : 16,
-            paddingBottom: cardContextValues.floating ? 0 : 16,
+            padding: 16,
             minHeight: 10,
-            backgroundColor: cardContextValues.backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0)' : getColorStyle(TrilogyColor.WHITE),
-            borderBottomEndRadius: 6,
-            borderBottomStartRadius: 6,
             flex: cardContextValues.horizontal ? 1 : 0,
         },
-        view: {
-            width: '100%',
-        },
-        text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            fontSize: 12,
-        },
-        padding: {
-            marginBottom: cardContextValues.floating ? 0 : 16,
-        },
     });
-    if (children) {
-        if (onClick) {
-            return (React.createElement(View, { style: styles.card },
-                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
-        }
-        return (React.createElement(View, { style: styles.card, ...others }, children));
-    }
-    const cardContent = (React.createElement(View, { style: styles.card, ...others },
-        titleSup && React.createElement(Title, { overline: true }, titleSup),
-        title && React.createElement(Title, { level: TitleLevels.ONE }, title),
-        text && (React.createElement(React.Fragment, null,
-            React.createElement(View, { style: { marginBottom: 16 } }),
-            React.createElement(Text, { style: styles.text }, text))),
-        buttonText && (React.createElement(React.Fragment, null,
-            React.createElement(View, { style: { marginBottom: 16 } }),
-            React.createElement(Button, { variant: buttonVariant, onClick: buttonClick }, buttonText)))));
-    return onClick ? (React.createElement(View, { style: styles.view },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.card }, others), children));
+});
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;
-//# sourceMappingURL=CardContent.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQixJQUFNLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVqRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLEVBQUU7WUFDYixJQUFJLEVBQUUsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDM0M7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUMzQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,26 +1,12 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonColor, ButtonColorValues } from '../../button/ButtonEnum';
-import { TitleLevels, TitleLevelValues } from '../../title/TitleEnum';
-import { TextLevelValues } from '../../text/TextEnum';
-import { ClickEvent } from '../../../events/OnClickEvent';
-import { Accessibility, Clickable, TrilogyColor } from '../../../objects';
+import { View } from 'react-native';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Card Content Interface
  */
-export interface CardContentProps extends Clickable, Accessibility {
+export interface CardContentProps extends Accessibility, CommonProps {
     children?: React.ReactNode;
-    titleSup?: string;
-    titleSupLevel?: TextLevelValues;
-    title?: string;
-    titleLevel?: TitleLevels | TitleLevelValues;
-    buttonText?: string;
-    text?: string;
-    textLevel?: TextLevelValues;
-    buttonVariant?: ButtonColor | ButtonColorValues;
-    buttonClick?: ClickEvent;
-    className?: string;
-    buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
-    onClick?: ClickEvent;
-    floating?: boolean;
-    backgroundColor?: TrilogyColor.WHITE | 'transparent';
 }
+export type CardContentRef = HTMLDivElement;
+export type CardContentNativeRef = View;

package/lib/components/card/content/CardContentProps.js

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

package/lib/components/card/content/CardContentPropsDefaults.js

@@ -0,0 +1,37 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/card/content/index.js

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

package/lib/components/card/image/CardImage.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CardImageProps } from './CardImageProps';
 /**
  * Card Image Component
  * @param src Image source
  * @param alt Alt attribute
- * @param className Additionnal CSS Classes
  * @param size Image Card size on horizontal align
  * @param onClick {Function} onClick Event
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
+ * - -------------------------- WEB PROPERTIES ----------------------------------
+ * @param className Additional CSS Classes
  */
-declare const CardImage: ({ src, alt, className, size, onClick, ...others }: CardImageProps) => JSX.Element;
+declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLDivElement>>;
 export default CardImage;

package/lib/components/card/image/CardImage.js

@@ -1,29 +1,33 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Card Image Component
  * @param src Image source
  * @param alt Alt attribute
- * @param className Additionnal CSS Classes
  * @param size Image Card size on horizontal align
  * @param onClick {Function} onClick Event
  * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
+ * - -------------------------- WEB PROPERTIES ----------------------------------
+ * @param className Additional CSS Classes
  */
-const CardImage = ({ src, alt, className, size, onClick, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('card-image', size && is(`${size}`), className));
-    return (React.createElement("div", { onClick: (e) => {
+var CardImage = React.forwardRef(function (_a, ref) {
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
+    return (React.createElement("div", { ref: ref, id: id, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes },
-        React.createElement("figure", { className: hashClass(styled, clsx('image')), ...others },
-            React.createElement("img", { ...{ src: typeof src === 'string' ? src : '', alt } }))));
-};
+        React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
+            React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
+});
+CardImage.displayName = ComponentName.CardImage;
 export default CardImage;
-//# sourceMappingURL=CardImage.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBMEQsRUFBRSxHQUFHO0lBQTdELElBQUEsR0FBRyxTQUFBLEVBQUUsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUF4RCxvREFBMEQsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/card/image/CardImage.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
+import { Image } from 'react-native';
 import { CardImageProps } from './CardImageProps';
-import { ComponentName } from '../../enumsComponentsName';
 /**
  * Card Image Component
  * @param src Image source
@@ -10,8 +10,5 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
  */
-declare const CardImage: {
-    ({ src, size, alt, onClick, horizontal, contain, ...others }: CardImageProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<Image>>;
 export default CardImage;

package/lib/components/card/image/CardImage.native.js

@@ -1,7 +1,8 @@
+import { __assign, __read, __rest } from "tslib";
+import { CardContext } from '../../../components/card/Card.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import React, { useContext, useEffect, useState } from 'react';
-import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
 /**
  * Card Image Component
  * @param src Image source
@@ -11,36 +12,34 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
  */
-const CardImage = ({ src, size, alt, onClick, horizontal, contain, ...others }) => {
-    const maxSize = horizontal ? '50%' : '100%';
-    const [ratio, setRatio] = useState(1);
-    const cardContextValues = useContext(CardContext);
-    const styles = StyleSheet.create({
+var CardImage = React.forwardRef(function (_a, ref) {
+    var src = _a.src, size = _a.size, alt = _a.alt, onClick = _a.onClick, contain = _a.contain, others = __rest(_a, ["src", "size", "alt", "onClick", "contain"]);
+    var horizontal = useContext(CardContext).horizontal;
+    var maxSize = horizontal ? '50%' : '100%';
+    var _b = __read(useState(1), 2), ratio = _b[0], setRatio = _b[1];
+    var styles = StyleSheet.create({
         cardImage: {
-            width: size ? `${size}0%` : maxSize,
-            aspectRatio: ratio,
+            width: size ? "".concat(size, "0%") : maxSize,
+            aspectRatio: horizontal ? undefined : ratio,
             resizeMode: contain ? 'contain' : 'cover',
             alignSelf: contain ? 'flex-end' : 'auto',
             marginBottom: 0,
-            borderBottomRightRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 8) || 0,
-            borderBottomLeftRadius: (cardContextValues.horizontal && 8) || (cardContextValues.reversed && 8) || 0,
-            borderTopRightRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 1) || (cardContextValues.active && 5) || 8,
-            borderTopLeftRadius: (cardContextValues.horizontal && 1) || (cardContextValues.reversed && 1) || (cardContextValues.active && 5) || 8,
+            height: horizontal ? 'auto' : undefined,
         },
     });
-    useEffect(() => {
-        if (!cardContextValues.horizontal) {
+    useEffect(function () {
+        if (!horizontal) {
             typeof src === 'string'
-                ? Image.getSize(src, (w, h) => {
+                ? Image.getSize(src, function (w, h) {
                     h && setRatio(w / h);
-                }, () => setRatio(1))
+                }, function () { return setRatio(1); })
                 : setRatio(1);
         }
-    }, [src]);
-    const image = (React.createElement(Image, { accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src }, ...others }));
+    }, [src, horizontal]);
+    var image = (React.createElement(Image, __assign({ ref: ref, accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src } }, others)));
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
-};
+});
 CardImage.displayName = ComponentName.CardImage;
 export default CardImage;
-//# sourceMappingURL=CardImage.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd4RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBK0MsRUFBRSxHQUFHO0lBQWxELElBQUEsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE3Qyw0Q0FBK0MsQ0FBRjtJQUNwQyxJQUFBLFVBQVUsR0FBSyxVQUFVLENBQUMsV0FBVyxDQUFDLFdBQTVCLENBQTRCO0lBQzlDLElBQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFDckMsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUVyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDbkMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzNDLFVBQVUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztZQUN6QyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDeEMsWUFBWSxFQUFFLENBQUM7WUFDZixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2YsT0FBTyxHQUFHLEtBQUssUUFBUTtnQkFDckIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQ1gsR0FBRyxFQUNILFVBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ0gsQ0FBQyxJQUFJLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ3RCLENBQUMsRUFDRCxjQUFNLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFYLENBQVcsQ0FDbEI7Z0JBQ0gsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUNoQjtJQUNILENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRXJCLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsS0FBSyxhQUNKLEdBQUcsRUFBRSxHQUFHLEVBQ1Isa0JBQWtCLEVBQUUsR0FBRyxFQUN2QixLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/card/image/CardImageEnum.js

@@ -8,4 +8,4 @@ export var CardImageSize;
     CardImageSize[CardImageSize["SIZE_3"] = 3] = "SIZE_3";
     CardImageSize[CardImageSize["SIZE_4"] = 4] = "SIZE_4";
 })(CardImageSize || (CardImageSize = {}));
-//# sourceMappingURL=CardImageEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2VFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksYUFLWDtBQUxELFdBQVksYUFBYTtJQUN2QixxREFBVSxDQUFBO0lBQ1YscURBQVUsQ0FBQTtJQUNWLHFEQUFVLENBQUE7SUFDVixxREFBVSxDQUFBO0FBQ1osQ0FBQyxFQUxXLGFBQWEsS0FBYixhQUFhLFFBS3hCIn0=

package/lib/components/card/image/CardImageProps.d.ts

@@ -1,14 +1,15 @@
+import { Image } from 'react-native';
 import { Clickable } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
 /**
  * Card Image Interface
  */
-export interface CardImageProps extends Clickable {
+export interface CardImageProps extends Clickable, CommonProps {
     src: string | number;
     size?: CardImageSize | CardImageSizeValues;
-    className?: string;
     alt?: string;
-    /** @deprecated use Card "horizontal" props instead */
-    horizontal?: boolean;
     contain?: boolean;
 }
+export type CardImageRef = HTMLDivElement;
+export type CardImageNativeRef = Image;

package/lib/components/card/image/CardImageProps.js

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

package/lib/components/card/image/CardImagePropsDefaults.js

@@ -0,0 +1,59 @@
+export default {
+  "src": {
+    "type": "string",
+    "values": [
+      "string",
+      "number"
+    ]
+  },
+  "size": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4,
+      "1",
+      "2",
+      "3",
+      "4"
+    ]
+  },
+  "alt": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "contain": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/card/image/index.js

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

package/lib/components/card/index.js

@@ -3,4 +3,4 @@ import CardImage from './image';
 import CardContent from './content';
 export * from './image/CardImageEnum';
 export { Card, CardImage, CardContent };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLFNBQVMsQ0FBQTtBQUMvQixPQUFPLFdBQVcsTUFBTSxXQUFXLENBQUE7QUFFbkMsY0FBYyx1QkFBdUIsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQSJ9

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CheckboxProps } from './CheckboxProps';
 /**
  * Checkbox Component
@@ -6,16 +6,14 @@ import { CheckboxProps } from './CheckboxProps';
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for Checkbox
- * @param onClick {ClickEvent}
+ * @param label {string} Label for Checkbox // Incompatible with children
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
- * @param children {React.ReactNode}
- * @param tile {boolean} Checbox Tile
- * @param description {string} Description for Checkbox tile
- * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param children {React.ReactNode} Children for Checkbox, should be only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#technical_summary)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
  */
-declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, removeControl, removeField, reversed, labelClassName, inverted, spaced, testId, ...others }: CheckboxProps) => JSX.Element;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
 export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -1,101 +1,48 @@
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { Icon, IconSize } from '../icon';
-import { has, is } from '../../services';
+import { __assign, __read, __rest } from "tslib";
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for Checkbox
- * @param onClick {ClickEvent}
+ * @param label {string} Label for Checkbox // Incompatible with children
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
- * @param children {React.ReactNode}
- * @param tile {boolean} Checbox Tile
- * @param description {string} Description for Checkbox tile
- * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param children {React.ReactNode} Children for Checkbox, should be only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#technical_summary)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
  */
-const Checkbox = ({ checked, className, disabled, readonly, id = shortid.generate(), label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, removeControl, removeField, reversed, labelClassName, inverted, spaced, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [_checked, setChecked] = useState(checked || false);
-    useEffect(() => {
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, children = _a.children, required = _a.required, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children", "required"]);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    useEffect(function () {
         if (!readonly) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    const classes = hashClass(styled, clsx('input', is('checkradio'), is('info'), is('hidden'), inverted && is('inverted'), className && !className.includes(is('inverted')) && has('background-color'), className));
-    const labelClasses = hashClass(styled, clsx(checked && has('text-info'), spaced && is('spaced-between'), labelClassName));
-    // Support legacy checkbox
-    if (removeControl || removeField || reversed || inverted || spaced) {
-        return (React.createElement("div", { className: hashClass(styled, clsx((!removeField && 'field') || '')) },
-            React.createElement("div", { className: hashClass(styled, clsx(!removeControl && 'control', disabled && is('disabled'))) },
-                React.createElement("input", { className: classes, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: (e) => {
-                        return e;
-                    }, onClick: (e) => {
-                        const target = e.target;
-                        if (!readonly && target.checked !== undefined) {
-                            setChecked(target.checked);
-                        }
-                        target.value = value || '';
-                        if (onChange) {
-                            onChange({
-                                checkboxId: target.id,
-                                checkboxValue: target.value,
-                                checkboxName: target.name,
-                                checkboxChecked: target.checked,
-                            });
-                        }
-                        if (onClick) {
-                            onClick({
-                                checkboxId: target.id,
-                                checkboxValue: target.value,
-                                checkboxName: target.name,
-                                checkboxChecked: target.checked,
-                            });
-                        }
-                    }, ...others }),
-                React.createElement("label", { htmlFor: id, className: labelClasses }, label))));
-    }
-    return (React.createElement("div", { className: hashClass(styled, clsx(tile ? 'checkbox-tile' : 'checkbox', horizontalTile && is('horizontal'), className)) },
-        React.createElement("input", { type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: (e) => {
-                return e;
-            }, onClick: (e) => {
-                const target = e.target;
-                if (!readonly && target.checked !== undefined) {
-                    setChecked(target.checked);
-                }
-                target.value = value || '';
-                if (onChange) {
-                    onChange({
-                        checkboxId: target.id,
-                        checkboxValue: target.value,
-                        checkboxName: target.name,
-                        checkboxChecked: target.checked,
-                    });
-                }
-                if (onClick) {
-                    onClick({
-                        checkboxId: target.id,
-                        checkboxValue: target.value,
-                        checkboxName: target.name,
-                        checkboxChecked: target.checked,
-                    });
-                }
-            }, ...others }),
-        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label', labelClassName)) },
-            iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
-            horizontalTile ? (React.createElement("span", null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))) : (React.createElement(React.Fragment, null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))))));
-};
+    var handleOnChange = function (e) {
+        var target = e.target;
+        onChange
+            ? onChange({
+                checkboxId: target.id,
+                checkboxValue: target.value,
+                checkboxName: target.name,
+                checkboxChecked: target.checked,
+            })
+            : setChecked(target.checked);
+    };
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox', className)) },
+        React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, required: required, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
+});
+Checkbox.displayName = ComponentName.Checkbox;
 export default Checkbox;
-//# sourceMappingURL=Checkbox.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBMkgsRUFDM0gsR0FBRztJQURELElBQUEsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLElBQU0sY0FBYyxHQUFHLFVBQUMsQ0FBc0M7UUFDcEQsSUFBQSxNQUFNLEdBQUssQ0FBQyxPQUFOLENBQU07UUFDcEIsUUFBUTtZQUNOLENBQUMsQ0FBQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNyQixhQUFhLEVBQUUsTUFBTSxDQUFDLEtBQUs7Z0JBQzNCLFlBQVksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDekIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2FBQ2hDLENBQUM7WUFDSixDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxjQUFjLElBQ3BCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/checkbox/Checkbox.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
 import { CheckboxProps } from './CheckboxProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -11,12 +11,6 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
- * @param inverted {boolean} Inveted Checkbox color
- * @param spaced {boolean} Spaced Label
- * @param reversed {boolean} Reversed Checkbox Input with Label
  */
-declare const Checkbox: {
-    ({ id, checked, name, onClick, onChange, disabled, readonly, label, inverted, spaced, reversed, tile, description, iconTile, horizontalTile, }: CheckboxProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<TouchableOpacity>>;
 export default Checkbox;