@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

package/lib/components/button/Button.native.js

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
-import { ButtonVariant } from '../../components/button/ButtonEnum';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { View } from '../../components/view';
-import { getButtonColorStyle, getColorStyle, getLoadingClassName, getVariantClassName, TrilogyColor, } from '../../objects/facets';
-import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography';
+import * as React from "react";
+import { ActivityIndicator, StyleSheet, Text, TouchableOpacity, } from "react-native";
+import { TrilogyColor, getButtonColorStyle, getColorStyle, getLoadingClassName, getVariantClassName } from "../../objects/facets";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { Icon, IconSize } from "../../components/icon";
+import { View } from "../../components/view";
+import { ButtonVariant } from "./ButtonEnum";
+import { getTypographyBoldStyle, TypographyBold } from "../../objects";
 /**
  * Button Native Component
  * @param loading {boolean} Loading button
@@ -19,131 +19,163 @@ import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography
  * @param accessibilityLabel {string}
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
-var Button = React.forwardRef(function (_a, ref) {
+var Button = function (_a) {
     var children = _a.children, variant = _a.variant, onClick = _a.onClick, disabled = _a.disabled, loading = _a.loading, fullwidth = _a.fullwidth, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, others = __rest(_a, ["children", "variant", "onClick", "disabled", "loading", "fullwidth", "testId", "accessibilityLabel", "iconName"]);
     var findBackgroundColor = function (_a) {
         var disabled = _a.disabled, loading = _a.loading, variant = _a.variant;
         return ((disabled && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
-            (typeof loading === 'string' &&
-                getLoadingClassName(loading) === 'loading' &&
+            (typeof loading === "string" &&
+                getLoadingClassName(loading) === "loading" &&
                 getButtonColorStyle(TrilogyColor.BACKGROUND)) ||
-            (typeof loading === 'boolean' && loading && getColorStyle(TrilogyColor.NEUTRAL)) ||
+            (typeof loading === "boolean" &&
+                loading &&
+                getColorStyle(TrilogyColor.NEUTRAL)) ||
             (variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.MAIN)) ||
-            (variant === ButtonVariant.SECONDARY && getColorStyle(TrilogyColor.MAIN_FADE)) ||
-            (variant === ButtonVariant.CONVERSION && getColorStyle(TrilogyColor.ACCENT)) ||
+            (variant === ButtonVariant.SECONDARY &&
+                getColorStyle(TrilogyColor.MAIN_FADE)) ||
+            (variant === ButtonVariant.CONVERSION &&
+                getColorStyle(TrilogyColor.ACCENT)) ||
             (variant === ButtonVariant.GHOST && getColorStyle(TrilogyColor.BACKGROUND)) ||
             getColorStyle(TrilogyColor.MAIN));
     };
     var findTextColor = function (_a) {
         var variant = _a.variant;
-        return ((variant && getVariantClassName(variant) === 'secondary' && getColorStyle(TrilogyColor.FONT)) ||
-            (variant && getVariantClassName(variant) === 'accent' && getColorStyle(TrilogyColor.BACKGROUND)) ||
-            (variant && getVariantClassName(variant) === 'primary' && getColorStyle(TrilogyColor.BACKGROUND)) ||
-            (variant && getVariantClassName(variant) === 'ghost' && getColorStyle(TrilogyColor.FONT)) ||
+        return ((variant &&
+            getVariantClassName(variant) === "secondary" &&
+            getColorStyle(TrilogyColor.FONT)) ||
+            (variant &&
+                getVariantClassName(variant) === "accent" &&
+                getColorStyle(TrilogyColor.BACKGROUND)) ||
+            (variant &&
+                getVariantClassName(variant) === "primary" &&
+                getColorStyle(TrilogyColor.BACKGROUND)) ||
+            (variant &&
+                getVariantClassName(variant) === "ghost" &&
+                getColorStyle(TrilogyColor.FONT)) ||
             getColorStyle(TrilogyColor.BACKGROUND));
     };
     var findBorderColor = function (_a) {
         var disabled = _a.disabled, variant = _a.variant, loading = _a.loading;
-        return ((disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
-            (!disabled && !!loading && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
-            (!disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.INFO_FADE)) ||
+        return ((disabled &&
+            variant === ButtonVariant.PRIMARY &&
+            getColorStyle(TrilogyColor.DISABLED)) ||
+            (!disabled &&
+                !!loading &&
+                variant === ButtonVariant.PRIMARY &&
+                getColorStyle(TrilogyColor.DISABLED)) ||
+            (!disabled &&
+                variant === ButtonVariant.PRIMARY &&
+                getColorStyle(TrilogyColor.INFO_FADE)) ||
             getColorStyle(TrilogyColor.BACKGROUND));
     };
     var styles = StyleSheet.create({
         button: {
-            maxWidth: '100%',
-            minWidth: '100%',
+            maxWidth: "100%",
+            minWidth: "100%",
             paddingTop: variant === ButtonVariant.PRIMARY ? 13 : 15,
             paddingBottom: variant === ButtonVariant.PRIMARY ? 13 : 15,
             paddingLeft: variant === ButtonVariant.PRIMARY ? 13 : 15,
             paddingRight: variant === ButtonVariant.PRIMARY ? 13 : 15,
-            justifyContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignItems: "center",
             backgroundColor: findBackgroundColor({ disabled: disabled, loading: loading, variant: variant }),
             borderRadius: 4,
             minHeight: 45,
-            height: loading ? 52 : 'auto',
+            height: loading ? 52 : "auto",
             borderColor: findBorderColor({ disabled: disabled, variant: variant, loading: loading }),
         },
         text: {
             fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
-            color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
-            justifyContent: 'center',
+            color: disabled
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : findTextColor({ variant: variant }),
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "bold",
+            justifyContent: "center",
         },
         textDisabled: {
             color: getColorStyle(TrilogyColor.DISABLED_FADE),
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
-            justifyContent: 'center',
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "bold",
+            justifyContent: "center",
         },
         textDisabledIcon: {
             color: getColorStyle(TrilogyColor.DISABLED_FADE),
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
-            justifyContent: 'center',
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "bold",
+            justifyContent: "center",
             marginLeft: 12,
         },
         fullwidth: {
-            alignSelf: 'stretch',
+            alignSelf: "stretch",
         },
         buttonIconContainer: {
-            flexDirection: 'row',
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
-            justifyContent: 'center',
+            flexDirection: "row",
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "bold",
+            justifyContent: "center",
         },
         buttonIconText: {
-            color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
-            alignSelf: 'center',
-            alignItems: 'center',
-            fontWeight: 'bold',
-            justifyContent: 'center',
+            color: disabled
+                ? getColorStyle(TrilogyColor.BACKGROUND)
+                : findTextColor({ variant: variant }),
+            alignSelf: "center",
+            alignItems: "center",
+            fontWeight: "bold",
+            justifyContent: "center",
             marginLeft: 8,
         },
     });
-    var buttonTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    var buttonTestId = testId
+        ? testId
+        : typeof children === "string"
+            ? children
+            : "NotSpecified";
     var buttonAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
-        : typeof children === 'string'
+        : typeof children === "string"
             ? children
-            : 'NotSpecified';
+            : "NotSpecified";
     /**
      * Returns variant's classname depending on variant type
      * @param variantType {string} - VariantType
      * @returns {string} - Variant value
      */
     var iconColorVariant = function (variantType) {
-        if (variantType && ['PRIMARY', 'ACCENT'].includes(variantType))
+        if (variantType && ["PRIMARY", "ACCENT"].includes(variantType))
             return TrilogyColor.BACKGROUND;
-        if (variantType === 'SECONDARY' || variantType === 'GHOST')
+        if (variantType === "SECONDARY" || variantType === "GHOST")
             return TrilogyColor.MAIN;
         return TrilogyColor.BACKGROUND;
     };
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, accessible: !!buttonAccessibilityLabel, accessibilityLabel: buttonAccessibilityLabel, testID: buttonTestId, disabled: disabled || loading, style: [styles.button, fullwidth && styles.fullwidth], onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, others),
-        loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loading' && (React.createElement(View, { style: {
-                alignItems: 'center',
-                justifyContent: 'center',
+    return (React.createElement(TouchableOpacity, __assign({ accessible: !!buttonAccessibilityLabel, accessibilityLabel: buttonAccessibilityLabel, testID: buttonTestId, disabled: disabled || loading, style: [styles.button, fullwidth && styles.fullwidth], onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, others),
+        loading &&
+            typeof loading === "string" &&
+            getLoadingClassName(loading) === "loading" && (React.createElement(View, { style: {
+                alignItems: "center",
+                justifyContent: "center",
                 height: 45,
             } },
             React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
-        loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
-                alignItems: 'center',
+        loading && typeof loading === "boolean" && loading === true && (React.createElement(View, { style: {
+                alignItems: "center",
                 height: 45,
-                justifyContent: 'center',
+                justifyContent: "center",
             } },
             React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
-        loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loaded' && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
-        !loading && children && typeof children === 'string' && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
-        !loading && children && typeof children === 'string' && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
+        loading &&
+            typeof loading === "string" &&
+            getLoadingClassName(loading) === "loaded" && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === "string" && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === "string" && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
             !disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant), testId: 'button-icon' })) : (React.createElement(Icon, { testId: 'button-icon', name: iconName, size: IconSize.SMALL, color: getColorStyle(TrilogyColor.DISABLED) })),
-            React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
-});
+            React.createElement(Text, { style: (!disabled && styles.buttonIconText) ||
+                    (disabled && styles.textDisabledIcon) }, children)))));
+};
 Button.displayName = ComponentName.Button;
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRTlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLGtCQUFrQixDQUFBO0FBQ3pCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU3RTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFXYyxFQUNkLEdBQWdDO0lBWDlCLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWWCxrSEFXQyxDQURVO0lBSVgsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBQTJDO1lBQXpDLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixJQUFJLEVBQ0osZ0JBQWdCLEdBQ2pCLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFDTCxZQUFZLEVBQ1osbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ3BCLE1BQU0sa0JBQWtCLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVsRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFXRjtJQVZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxrSEFXZixDQURVO0lBR1QsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBSWY7WUFIWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUE7UUFFUCxPQUFPLENBQ0wsQ0FBQyxRQUFRLElB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

package/lib/components/button/ButtonProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from '../../components/button/ButtonEnum';
-import { IconName, IconNameValues } from '../../components/icon';
-import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
 import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { IconName, IconNameValues } from '../../components/icon';
 /**
  * Button Interface
  */

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

@@ -1,3 +1,4 @@
-export { default as Button } from '../../components/button/Button';
-export * from '../../components/button/ButtonEnum';
-export { default as ButtonList } from '../../components/button/list/ButtonList';
+import Button from './Button';
+import { ButtonList } from './list';
+export * from './ButtonEnum';
+export { Button, ButtonList };

package/lib/components/button/index.js

@@ -1,4 +1,5 @@
-export { default as Button } from '../../components/button/Button';
-export * from '../../components/button/ButtonEnum';
-export { default as ButtonList } from '../../components/button/list/ButtonList';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELGNBQWMsZ0NBQWdDLENBQUE7QUFDOUMsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQSJ9
+import Button from './Button';
+import { ButtonList } from './list';
+export * from './ButtonEnum';
+export { Button, ButtonList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUVuQyxjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFBIn0=

package/lib/components/button/list/ButtonList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ButtonListWebProps } from '../../../components/button/list/ButtonListProps';
+/// <reference types="react" />
+import { ButtonListWebProps } from "./ButtonListProps";
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
@@ -9,5 +9,5 @@ import { ButtonListWebProps } from '../../../components/button/list/ButtonListPr
  * @param vertical {boolean} Verical buttons
  * @param isMobile {boolean} espect mobile screen
  */
-declare const ButtonList: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
+declare const ButtonList: ({ className, centered, vertical, ...others }: ButtonListWebProps) => JSX.Element;
 export default ButtonList;

package/lib/components/button/list/ButtonList.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { has } from '../../../services/classify';
+import * as React from "react";
+import { has } from "../../../services";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
@@ -13,10 +13,10 @@ import { has } from '../../../services/classify';
  * @param vertical {boolean} Verical buttons
  * @param isMobile {boolean} espect mobile screen
  */
-var ButtonList = React.forwardRef(function (_a, ref) {
+var ButtonList = function (_a) {
     var className = _a.className, centered = _a.centered, vertical = _a.vertical, others = __rest(_a, ["className", "centered", "vertical"]);
-    return (React.createElement("div", __assign({ ref: ref, className: hashClass(clsx('buttons', className, centered && has('text-centered'), vertical && 'is-vertical')) }, others)));
-});
-ButtonList.displayName = ComponentName.ButtonList;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ className: hashClass(styled, clsx("buttons", className, centered && has("text-centered"), vertical && "is-vertical")) }, others)));
+};
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekM7Ozs7Ozs7O0dBUUc7QUFFSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQWdFLEVBQUUsR0FBOEI7SUFBOUYsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQTFDLHFDQUE0QyxDQUFGO0lBQ3pDLE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxJQUFJLEdBQUcsQ0FBQyxlQUFlLENBQUMsRUFBRSxRQUFRLElBQUksYUFBYSxDQUFDLENBQUMsSUFDekcsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDaEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBRUgsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUtDO0lBSm5CLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUpTLHFDQUtuQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsRUFDVCxRQUFRLElBQUksR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUNoQyxRQUFRLElBQUksYUFBYSxDQUMxQixDQUNGLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonList.native.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import type { View as ViewType } from 'react-native';
-import type { ButtonListProps } from '../../../components/button/list/ButtonListProps';
+/// <reference types="react" />
+import type { ButtonListProps } from "./ButtonListProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
-declare const ButtonList: React.ForwardRefExoticComponent<ButtonListProps & React.RefAttributes<ViewType>>;
+declare const ButtonList: {
+    ({ children, }: ButtonListProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default ButtonList;

package/lib/components/button/list/ButtonList.native.js

@@ -1,15 +1,15 @@
 import { __assign } from "tslib";
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
 import { View } from '../../../components/view';
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
  */
-var ButtonList = React.forwardRef(function (_a, ref) {
+var ButtonList = function (_a) {
     var children = _a.children;
-    return React.createElement(View, __assign({ ref: ref }, { children: children }));
-});
+    return React.createElement(View, __assign({}, { children: children }));
+};
 ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBSXpCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEVBQTZCLEVBQUUsR0FBd0I7UUFBckQsUUFBUSxjQUFBO0lBQzdDLE9BQU8sb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDN0MsQ0FBQyxDQUFDLENBQUE7QUFFRixVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBRUY7UUFEaEIsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxJQUFJLGVBQUssRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDbkMsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { ButtonProps } from '../../../components/button/ButtonProps';
+import type { Centerable } from '../../../objects';
 import type { DividerProps } from '../../../components/divider/DividerProps';
-import type { Centerable } from '../../../objects/facets/Centerable';
+import type { ButtonProps } from '../../../components/button/ButtonProps';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface

package/lib/components/button/list/index.d.ts

@@ -1 +1,2 @@
-export { default as ButtonList } from '../../../components/button/list/ButtonList';
+import ButtonList from './ButtonList';
+export { ButtonList };

package/lib/components/button/list/index.js

@@ -1,2 +1,3 @@
-export { default as ButtonList } from '../../../components/button/list/ButtonList';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUEifQ==
+import ButtonList from './ButtonList';
+export { ButtonList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==

package/lib/components/card/Card.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
-import { CardProps } from '../../components/card/CardProps';
+import React from "react";
+import { CardProps } from "./CardProps";
+export declare const CardContext: React.Context<{
+    horizontal: boolean;
+}>;
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content

package/lib/components/card/Card.js

@@ -1,11 +1,12 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { CardMarkup } from '../../components/card/CardProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { getAlignClassName, getBackgroundClassName } from '../../objects';
-import { has, is } from '../../services/classify';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState, createContext } from "react";
+import clsx from "clsx";
+import { CardMarkup } from "./CardProps";
+import { has, is } from "../../services/classify";
+import { getAlignClassName, getBackgroundClassName } from "../../objects";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
+export var CardContext = createContext({ horizontal: false });
 /**
  * Card Component
  * @param flat {boolean} Adding border for Card content
@@ -28,17 +29,25 @@ import { has, is } from '../../services/classify';
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
  * @param testId {string} Test Id for Test Integration
  */
-var Card = React.forwardRef(function (_a, ref) {
-    var className = _a.className, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, align = _a.align, justify = _a.justify, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, testId = _a.testId, markup = _a.markup, to = _a.to, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "backgroundColor", "backgroundSrc", "inverted", "flat", "horizontal", "floating", "align", "justify", "skeleton", "onClick", "reversed", "testId", "markup", "to", "fullheight", "active"]);
+var Card = React.forwardRef(function (props, ref) {
+    var className = props.className, backgroundColor = props.backgroundColor, backgroundSrc = props.backgroundSrc, inverted = props.inverted, flat = props.flat, horizontal = props.horizontal, floating = props.floating, align = props.align, justify = props.justify, skeleton = props.skeleton, onClick = props.onClick, reversed = props.reversed, testId = props.testId, markup = props.markup, to = props.to, fullheight = props.fullheight, active = props.active, others = __rest(props, ["className", "backgroundColor", "backgroundSrc", "inverted", "flat", "horizontal", "floating", "align", "justify", "skeleton", "onClick", "reversed", "testId", "markup", "to", "fullheight", "active"]);
+    var _a = __read(useState(skeleton || false), 2), isLoading = _a[0], setIsLoading = _a[1];
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
+        setIsLoading(skeleton || false);
+    }, [skeleton]);
     var hoverStyle = {
-        cursor: 'pointer',
+        cursor: "pointer",
     };
-    var classes = hashClass(clsx('card', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), (inverted && is('inverted')) || is('base'), flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), align && is(getAlignClassName(align)), justify && is(justify), skeleton ? is('loading') : is('loaded'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
+    var classes = hashClass(styled, clsx("card", backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), flat && !floating && is("flat"), horizontal && [is("horizontal"), is("vcentered")], floating && !flat && is("floating"), align && is(getAlignClassName(align)), justify && is(justify), isLoading ? is("loading") : is("loaded"), reversed && is("reversed"), className, fullheight && is("fullheight"), active && is("active")));
     if (markup === CardMarkup.A) {
-        return (React.createElement("a", __assign({ "data-testid": testId, href: to, onClick: onClick && onClick, className: classes, ref: ref }, others)));
+        return (React.createElement("a", __assign({ "data-testid": testId, href: to, onClick: function (e) {
+                // eslint-disable-next-line no-unused-expressions
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                e.stopPropagation();
+            } }, others, { className: classes, ref: ref })));
     }
-    return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle), ref: ref }, others)));
+    return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others, { ref: ref })));
 });
-Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQW1CWSxFQUNaLEdBQTJCO0lBbkJ6QixJQUFBLFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBbEJYLHdNQW1CQyxDQURVO0lBSVgsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FDRixNQUFNLEVBQ04sZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQzFDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNyQyxPQUFPLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUN0QixRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN2QyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLEVBQ1QsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FDdkIsQ0FDRixDQUFBO0lBRUQsSUFBSSxNQUFNLEtBQUssVUFBVSxDQUFDLENBQUMsRUFBRTtRQUMzQixPQUFPLENBQ0wsbURBQ2UsTUFBTSxFQUNuQixJQUFJLEVBQUUsRUFBRSxFQUNSLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixHQUFHLEVBQUUsR0FBbUMsSUFDcEMsTUFBTSxFQUNWLENBQ0gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxFQUNuQyxHQUFHLEVBQUUsR0FBZ0MsSUFDakMsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNqRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBYSxNQUFNLGFBQWEsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQixFQUFFLEdBQWlDO0lBRTlFLElBQUEsU0FBUyxHQWtCUCxLQUFLLFVBbEJFLEVBQ1QsZUFBZSxHQWlCYixLQUFLLGdCQWpCUSxFQUNmLGFBQWEsR0FnQlgsS0FBSyxjQWhCTSxFQUNiLFFBQVEsR0FlTixLQUFLLFNBZkMsRUFDUixJQUFJLEdBY0YsS0FBSyxLQWRILEVBQ0osVUFBVSxHQWFSLEtBQUssV0FiRyxFQUNWLFFBQVEsR0FZTixLQUFLLFNBWkMsRUFDUixLQUFLLEdBV0gsS0FBSyxNQVhGLEVBQ0wsT0FBTyxHQVVMLEtBQUssUUFWQSxFQUNQLFFBQVEsR0FTTixLQUFLLFNBVEMsRUFDUixPQUFPLEdBUUws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

package/lib/components/card/Card.native.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { View } from 'react-native';
-import { CardProps } from '../../components/card/CardProps';
+import React from "react";
+import { CardProps } from "./CardProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 export declare const CardContext: React.Context<{
     floating: boolean;
-    backgroundColor: string;
+    backgroundColor: {};
     horizontal: boolean;
     reversed: boolean;
     active: boolean;
@@ -23,5 +23,8 @@ export declare const CardContext: React.Context<{
  * @param active {boolean} Activated box
  * @param others
  */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
+declare const Card: {
+    ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor, reversed, fullheight, active, inverted, ...others }: CardProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Card;