@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

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

@@ -1,14 +1,16 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { View } from '../../components/view';
-import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography/TypographyBold';
-import { getButtonColorStyle, getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { getLoadingClassName } from '../../objects/facets/Loadable';
-import { getVariantClassName } from '../../objects/facets/Variant';
-import * as React from 'react';
-import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
-import { ButtonVariant } from './ButtonEnum';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var icon_1 = require("../../components/icon");
+var view_1 = require("../../components/view");
+var TypographyBold_1 = require("../../objects/Typography/TypographyBold");
+var Color_1 = require("../../objects/facets/Color");
+var Loadable_1 = require("../../objects/facets/Loadable");
+var Variant_1 = require("../../objects/facets/Variant");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var ButtonEnum_1 = require("./ButtonEnum");
 /**
  * Button Native Component
  * @param loading {boolean} Loading button
@@ -22,65 +24,65 @@ import { ButtonVariant } from './ButtonEnum';
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
 var Button = React.forwardRef(function (_a, ref) {
-    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 loaderColor = getColorStyle(TrilogyColor.BACKGROUND);
-    var isLoading = typeof loading === 'string' && getLoadingClassName(loading) === 'loading';
+    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 = tslib_1.__rest(_a, ["children", "variant", "onClick", "disabled", "loading", "fullwidth", "testId", "accessibilityLabel", "iconName"]);
+    var loaderColor = (0, Color_1.getColorStyle)(Color_1.TrilogyColor.BACKGROUND);
+    var isLoading = typeof loading === 'string' && (0, Loadable_1.getLoadingClassName)(loading) === 'loading';
     var background = disabled
-        ? TrilogyColor.NEUTRAL_FADE
+        ? Color_1.TrilogyColor.NEUTRAL_FADE
         : isLoading
-            ? getButtonColorStyle(TrilogyColor.BACKGROUND)
+            ? (0, Color_1.getButtonColorStyle)(Color_1.TrilogyColor.BACKGROUND)
             : typeof loading === 'boolean' && loading
-                ? TrilogyColor.NEUTRAL
-                : variant === ButtonVariant.SECONDARY
-                    ? TrilogyColor.MAIN_FADE
-                    : variant === ButtonVariant.CONVERSION
-                        ? TrilogyColor.ACCENT
-                        : variant === ButtonVariant.GHOST
-                            ? TrilogyColor.BACKGROUND
-                            : TrilogyColor.MAIN;
-    var color = variant && ['secondary', 'ghost'].includes(getVariantClassName(variant))
-        ? TrilogyColor.FONT
-        : TrilogyColor.BACKGROUND;
-    var borderColor = disabled && variant === ButtonVariant.PRIMARY
-        ? TrilogyColor.DISABLED
-        : !disabled && !!loading && variant === ButtonVariant.PRIMARY
-            ? TrilogyColor.DISABLED
-            : !disabled && variant === ButtonVariant.PRIMARY
-                ? TrilogyColor.INFO_FADE
-                : TrilogyColor.BACKGROUND;
-    var styles = StyleSheet.create({
+                ? Color_1.TrilogyColor.NEUTRAL
+                : variant === ButtonEnum_1.ButtonVariant.SECONDARY
+                    ? Color_1.TrilogyColor.MAIN_FADE
+                    : variant === ButtonEnum_1.ButtonVariant.CONVERSION
+                        ? Color_1.TrilogyColor.ACCENT
+                        : variant === ButtonEnum_1.ButtonVariant.GHOST
+                            ? Color_1.TrilogyColor.BACKGROUND
+                            : Color_1.TrilogyColor.MAIN;
+    var color = variant && ['secondary', 'ghost'].includes((0, Variant_1.getVariantClassName)(variant))
+        ? Color_1.TrilogyColor.FONT
+        : Color_1.TrilogyColor.BACKGROUND;
+    var borderColor = disabled && variant === ButtonEnum_1.ButtonVariant.PRIMARY
+        ? Color_1.TrilogyColor.DISABLED
+        : !disabled && !!loading && variant === ButtonEnum_1.ButtonVariant.PRIMARY
+            ? Color_1.TrilogyColor.DISABLED
+            : !disabled && variant === ButtonEnum_1.ButtonVariant.PRIMARY
+                ? Color_1.TrilogyColor.INFO_FADE
+                : Color_1.TrilogyColor.BACKGROUND;
+    var styles = react_native_1.StyleSheet.create({
         button: {
             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,
+            paddingTop: variant === ButtonEnum_1.ButtonVariant.PRIMARY ? 13 : 15,
+            paddingBottom: variant === ButtonEnum_1.ButtonVariant.PRIMARY ? 13 : 15,
+            paddingLeft: variant === ButtonEnum_1.ButtonVariant.PRIMARY ? 13 : 15,
+            paddingRight: variant === ButtonEnum_1.ButtonVariant.PRIMARY ? 13 : 15,
             justifyContent: 'center',
             alignItems: 'center',
-            backgroundColor: getColorStyle(background),
+            backgroundColor: (0, Color_1.getColorStyle)(background),
             borderRadius: 4,
             minHeight: 45,
             height: loading ? 52 : 'auto',
-            borderColor: getColorStyle(borderColor),
+            borderColor: (0, Color_1.getColorStyle)(borderColor),
         },
         text: {
-            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
-            color: getColorStyle(color),
+            fontFamily: (0, TypographyBold_1.getTypographyBoldStyle)(TypographyBold_1.TypographyBold.TEXT_WEIGHT_SEMIBOLD),
+            color: (0, Color_1.getColorStyle)(color),
             alignSelf: 'center',
             alignItems: 'center',
             fontWeight: 'bold',
             justifyContent: 'center',
         },
         textDisabled: {
-            color: getColorStyle(TrilogyColor.DISABLED),
+            color: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.DISABLED),
             alignSelf: 'center',
             alignItems: 'center',
             fontWeight: 'bold',
             justifyContent: 'center',
         },
         textDisabledIcon: {
-            color: getColorStyle(TrilogyColor.DISABLED_FADE),
+            color: (0, Color_1.getColorStyle)(Color_1.TrilogyColor.DISABLED_FADE),
             alignSelf: 'center',
             alignItems: 'center',
             fontWeight: 'bold',
@@ -98,7 +100,7 @@ var Button = React.forwardRef(function (_a, ref) {
             justifyContent: 'center',
         },
         buttonIconText: {
-            color: getColorStyle(color),
+            color: (0, Color_1.getColorStyle)(color),
             alignSelf: 'center',
             alignItems: 'center',
             fontWeight: 'bold',
@@ -112,29 +114,29 @@ var Button = React.forwardRef(function (_a, ref) {
         : typeof children === 'string'
             ? children
             : 'NotSpecified';
-    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: {
+    return (React.createElement(react_native_1.TouchableOpacity, tslib_1.__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' && (0, Loadable_1.getLoadingClassName)(loading) === 'loading' && (React.createElement(view_1.View, { style: {
                 alignItems: 'center',
                 justifyContent: 'center',
                 height: 45,
             } },
-            React.createElement(ActivityIndicator, { color: loaderColor, testID: 'activity-indicator' }))),
-        loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
+            React.createElement(react_native_1.ActivityIndicator, { color: loaderColor, testID: 'activity-indicator' }))),
+        loading && typeof loading === 'boolean' && loading === true && (React.createElement(view_1.View, { style: {
                 alignItems: 'center',
                 height: 45,
                 justifyContent: 'center',
             } },
-            React.createElement(ActivityIndicator, { color: loaderColor, 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 },
-            React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled
-                    ? TrilogyColor.DISABLED
+            React.createElement(react_native_1.ActivityIndicator, { color: loaderColor, testID: 'activity-indicator' }))),
+        loading && typeof loading === 'string' && (0, Loadable_1.getLoadingClassName)(loading) === 'loaded' && (React.createElement(react_native_1.Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === 'string' && !iconName && (React.createElement(react_native_1.Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
+        !loading && children && typeof children === 'string' && iconName && (React.createElement(view_1.View, { style: styles.buttonIconContainer },
+            React.createElement(icon_1.Icon, { name: iconName, size: icon_1.IconSize.SMALL, color: disabled
+                    ? Color_1.TrilogyColor.DISABLED
                     : variant === 'SECONDARY' || variant === 'GHOST'
-                        ? TrilogyColor.MAIN
-                        : TrilogyColor.BACKGROUND, testId: 'button-icon' }),
-            React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
+                        ? Color_1.TrilogyColor.MAIN
+                        : Color_1.TrilogyColor.BACKGROUND, testId: 'button-icon' }),
+            React.createElement(react_native_1.Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
 });
-Button.displayName = ComponentName.Button;
-export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDL0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUc1Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBNkcsRUFDN0csR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRyxrSEFBNkcsQ0FBRjtJQUczRyxJ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
+Button.displayName = enumsComponentsName_1.ComponentName.Button;
+exports.default = Button;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwwQ0FBa0Q7QUFDbEQsMENBQXdDO0FBQ3hDLHNFQUE0RjtBQUM1RixnREFBeUY7QUFDekYsc0RBQStEO0FBQy9ELG9EQUE4RDtBQUM5RCxtREFBOEI7QUFDOUIsNkNBQW9GO0FBQ3BGLDJDQUE0QztBQUc1Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBNkcsRUFDN0csR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxzQkFBM0csa0hBQTZHLENBQUY7SUFHM0csSUFBTSxXQUFXLEdBQUcsSUFBQSxxQkFBYSxFQUFDLG9CQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDMUQsSUFBTSxTQUFTLEdBQUcsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLElBQUEsOEJBQW1CLEVBQUMsT0FBTyxDQUFDLEtBQUssU0FBUyxDQUFBO0lBRTNGLElBQU0sVUFBVSxHQUFHLFFBQVE7UUFDekIsQ0FBQyxDQUFDLG9CQUFZLENBQUMsWUFBWTtRQUMzQixDQUFDLENBQUMsU0FBUztZQUNYLENBQUMsQ0FBQyxJQUFBLDJCQUFtQixFQUFDLG9CQUFZLENBQUMsVUFBVSxDQUFDO1lBQzlDLENBQUMsQ0FBQyxPQUFPLE9BQU8sS0FBSyxTQUFTLElBQUksT0FBTztnQkFDekMsQ0FBQyxDQUFDLG9CQUFZLENBQUMsT0FBTztnQkFDdEIsQ0FBQyxD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

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

@@ -0,0 +1,140 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../components/icon';
+import { View } from '../../components/view';
+import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography/TypographyBold';
+import { getButtonColorStyle, getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { getLoadingClassName } from '../../objects/facets/Loadable';
+import { getVariantClassName } from '../../objects/facets/Variant';
+import * as React from 'react';
+import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { ButtonVariant } from './ButtonEnum';
+/**
+ * Button Native Component
+ * @param loading {boolean} Loading button
+ * @param disabled {boolean} Disabled button
+ * @param variant {Color} Button color : primary|secondary
+ * @param children {React.ReactNode} Button child
+ * @param onClick {Function} Click Event
+ * @param fullwidth {boolean} Fullwidth button
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param iconName {IconName} If Icon, Button + Icon && Button IconName
+ */
+var Button = React.forwardRef(function (_a, ref) {
+    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 loaderColor = getColorStyle(TrilogyColor.BACKGROUND);
+    var isLoading = typeof loading === 'string' && getLoadingClassName(loading) === 'loading';
+    var background = disabled
+        ? TrilogyColor.NEUTRAL_FADE
+        : isLoading
+            ? getButtonColorStyle(TrilogyColor.BACKGROUND)
+            : typeof loading === 'boolean' && loading
+                ? TrilogyColor.NEUTRAL
+                : variant === ButtonVariant.SECONDARY
+                    ? TrilogyColor.MAIN_FADE
+                    : variant === ButtonVariant.CONVERSION
+                        ? TrilogyColor.ACCENT
+                        : variant === ButtonVariant.GHOST
+                            ? TrilogyColor.BACKGROUND
+                            : TrilogyColor.MAIN;
+    var color = variant && ['secondary', 'ghost'].includes(getVariantClassName(variant))
+        ? TrilogyColor.FONT
+        : TrilogyColor.BACKGROUND;
+    var borderColor = disabled && variant === ButtonVariant.PRIMARY
+        ? TrilogyColor.DISABLED
+        : !disabled && !!loading && variant === ButtonVariant.PRIMARY
+            ? TrilogyColor.DISABLED
+            : !disabled && variant === ButtonVariant.PRIMARY
+                ? TrilogyColor.INFO_FADE
+                : TrilogyColor.BACKGROUND;
+    var styles = StyleSheet.create({
+        button: {
+            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',
+            backgroundColor: getColorStyle(background),
+            borderRadius: 4,
+            minHeight: 45,
+            height: loading ? 52 : 'auto',
+            borderColor: getColorStyle(borderColor),
+        },
+        text: {
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
+            color: getColorStyle(color),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        textDisabled: {
+            color: getColorStyle(TrilogyColor.DISABLED),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        textDisabledIcon: {
+            color: getColorStyle(TrilogyColor.DISABLED_FADE),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+            marginLeft: 12,
+        },
+        fullwidth: {
+            alignSelf: 'stretch',
+        },
+        buttonIconContainer: {
+            flexDirection: 'row',
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+        },
+        buttonIconText: {
+            color: getColorStyle(color),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
+            marginLeft: 8,
+        },
+    });
+    var buttonTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
+    var buttonAccessibilityLabel = accessibilityLabel
+        ? accessibilityLabel
+        : typeof children === 'string'
+            ? children
+            : 'NotSpecified';
+    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',
+                height: 45,
+            } },
+            React.createElement(ActivityIndicator, { color: loaderColor, testID: 'activity-indicator' }))),
+        loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
+                alignItems: 'center',
+                height: 45,
+                justifyContent: 'center',
+            } },
+            React.createElement(ActivityIndicator, { color: loaderColor, 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 },
+            React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled
+                    ? TrilogyColor.DISABLED
+                    : variant === 'SECONDARY' || variant === 'GHOST'
+                        ? TrilogyColor.MAIN
+                        : TrilogyColor.BACKGROUND, testId: 'button-icon' }),
+            React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
+});
+Button.displayName = ComponentName.Button;
+export default Button;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDL0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUc1Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBNkcsRUFDN0csR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRyxrSEFBNkcsQ0FBRjtJQUczRyxJ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

package/lib/components/button/ButtonEnum.d.mts

@@ -0,0 +1,32 @@
+/**
+ * List of available Markup for Button
+ */
+declare enum ButtonMarkup {
+    BUTTON = "button",
+    INPUT = "input",
+    A = "a"
+}
+/**
+ * List of available type of Button
+ */
+declare enum ButtonType {
+    BUTTON = "button",
+    RESET = "reset",
+    SUBMIT = "submit"
+}
+/**
+ * Button Variant
+ */
+export declare enum ButtonVariant {
+    CONVERSION = "CONVERSION",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    GHOST = "GHOST"
+}
+/**
+ * List of available Markup values for Button
+ */
+export type ButtonMarkupValues = `${ButtonMarkup}`;
+export type ButtonTypeValues = `${ButtonType}`;
+export type ButtonVariantValues = `${ButtonVariant}`;
+export { ButtonMarkup, ButtonType };

package/lib/components/button/ButtonEnum.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonType = exports.ButtonMarkup = exports.ButtonVariant = void 0;
 /**
  * List of available Markup for Button
  */
@@ -7,6 +10,7 @@ var ButtonMarkup;
     ButtonMarkup["INPUT"] = "input";
     ButtonMarkup["A"] = "a";
 })(ButtonMarkup || (ButtonMarkup = {}));
+exports.ButtonMarkup = ButtonMarkup;
 /**
  * List of available type of Button
  */
@@ -16,15 +20,15 @@ var ButtonType;
     ButtonType["RESET"] = "reset";
     ButtonType["SUBMIT"] = "submit";
 })(ButtonType || (ButtonType = {}));
+exports.ButtonType = ButtonType;
 /**
  * Button Variant
  */
-export var ButtonVariant;
+var ButtonVariant;
 (function (ButtonVariant) {
     ButtonVariant["CONVERSION"] = "CONVERSION";
     ButtonVariant["PRIMARY"] = "PRIMARY";
     ButtonVariant["SECONDARY"] = "SECONDARY";
     ButtonVariant["GHOST"] = "GHOST";
-})(ButtonVariant || (ButtonVariant = {}));
-export { ButtonMarkup, ButtonType };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxJQUFLLFlBSUo7QUFKRCxXQUFLLFlBQVk7SUFDZixpQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBZSxDQUFBO0lBQ2YsdUJBQU8sQ0FBQTtBQUNULENBQUMsRUFKSSxZQUFZLEtBQVosWUFBWSxRQUloQjtBQUVEOztHQUVHO0FBQ0gsSUFBSyxVQUlKO0FBSkQsV0FBSyxVQUFVO0lBQ2IsK0JBQWlCLENBQUE7SUFDakIsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFKSSxVQUFVLEtBQVYsVUFBVSxRQUlkO0FBRUQ7O0dBRUc7QUFFSCxNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3ZCLDBDQUF5QixDQUFBO0lBQ3pCLG9DQUFtQixDQUFBO0lBQ25CLHdDQUF1QixDQUFBO0lBQ3ZCLGdDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLGFBQWEsS0FBYixhQUFhLFFBS3hCO0FBV0QsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
+})(ButtonVariant = exports.ButtonVariant || (exports.ButtonVariant = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7O0dBRUc7QUFDSCxJQUFLLFlBSUo7QUFKRCxXQUFLLFlBQVk7SUFDZixpQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBZSxDQUFBO0lBQ2YsdUJBQU8sQ0FBQTtBQUNULENBQUMsRUFKSSxZQUFZLEtBQVosWUFBWSxRQUloQjtBQStCUSxvQ0FBWTtBQTdCckI7O0dBRUc7QUFDSCxJQUFLLFVBSUo7QUFKRCxXQUFLLFVBQVU7SUFDYiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUpJLFVBQVUsS0FBVixVQUFVLFFBSWQ7QUFzQnNCLGdDQUFVO0FBcEJqQzs7R0FFRztBQUVILElBQVksYUFLWDtBQUxELFdBQVksYUFBYTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6QixvQ0FBbUIsQ0FBQTtJQUNuQix3Q0FBdUIsQ0FBQTtJQUN2QixnQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFMVyxhQUFhLEdBQWIscUJBQWEsS0FBYixxQkFBYSxRQUt4QiJ9

package/lib/components/button/ButtonEnum.mjs

@@ -0,0 +1,30 @@
+/**
+ * List of available Markup for Button
+ */
+var ButtonMarkup;
+(function (ButtonMarkup) {
+    ButtonMarkup["BUTTON"] = "button";
+    ButtonMarkup["INPUT"] = "input";
+    ButtonMarkup["A"] = "a";
+})(ButtonMarkup || (ButtonMarkup = {}));
+/**
+ * List of available type of Button
+ */
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["BUTTON"] = "button";
+    ButtonType["RESET"] = "reset";
+    ButtonType["SUBMIT"] = "submit";
+})(ButtonType || (ButtonType = {}));
+/**
+ * Button Variant
+ */
+export var ButtonVariant;
+(function (ButtonVariant) {
+    ButtonVariant["CONVERSION"] = "CONVERSION";
+    ButtonVariant["PRIMARY"] = "PRIMARY";
+    ButtonVariant["SECONDARY"] = "SECONDARY";
+    ButtonVariant["GHOST"] = "GHOST";
+})(ButtonVariant || (ButtonVariant = {}));
+export { ButtonMarkup, ButtonType };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxJQUFLLFlBSUo7QUFKRCxXQUFLLFlBQVk7SUFDZixpQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBZSxDQUFBO0lBQ2YsdUJBQU8sQ0FBQTtBQUNULENBQUMsRUFKSSxZQUFZLEtBQVosWUFBWSxRQUloQjtBQUVEOztHQUVHO0FBQ0gsSUFBSyxVQUlKO0FBSkQsV0FBSyxVQUFVO0lBQ2IsK0JBQWlCLENBQUE7SUFDakIsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFKSSxVQUFVLEtBQVYsVUFBVSxRQUlkO0FBRUQ7O0dBRUc7QUFFSCxNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3ZCLDBDQUF5QixDQUFBO0lBQ3pCLG9DQUFtQixDQUFBO0lBQ25CLHdDQUF1QixDQUFBO0lBQ3ZCLGdDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLGFBQWEsS0FBYixhQUFhLFFBS3hCO0FBV0QsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { TouchableOpacity } from 'react-native';
+import { IconName, IconNameValues } from '../../components/icon';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
+import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
+/**
+ * Button Interface
+ */
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, CommonProps {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    markup?: ButtonMarkup | ButtonMarkupValues;
+    href?: string;
+    to?: string;
+    loading?: boolean;
+    name?: string;
+    routerLink?: React.ElementType;
+    type?: ButtonType | ButtonTypeValues;
+    iconName?: IconName | IconNameValues;
+    variant?: ButtonVariant | ButtonVariantValues;
+}
+export type ButtonRef = HTMLAnchorElement | HTMLElement | HTMLInputElement | HTMLButtonElement;
+export type ButtonNativeRef = TouchableOpacity;

package/lib/components/button/ButtonProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9CdXR0b25Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/button/ButtonProps.mjs

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

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

@@ -0,0 +1,4 @@
+import Button from './Button';
+import { ButtonList } from './list';
+export * from './ButtonEnum';
+export { Button, ButtonList };

package/lib/components/button/index.js

@@ -1,5 +1,10 @@
-import Button from './Button';
-import { ButtonList } from './list';
-export * from './ButtonEnum';
-export { Button, ButtonList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUVuQyxjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonList = exports.Button = void 0;
+var tslib_1 = require("tslib");
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+exports.Button = Button_1.default;
+var list_1 = require("./list");
+Object.defineProperty(exports, "ButtonList", { enumerable: true, get: function () { return list_1.ButtonList; } });
+tslib_1.__exportStar(require("./ButtonEnum"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsNERBQTZCO0FBS3BCLGlCQUxGLGdCQUFNLENBS0U7QUFKZiwrQkFBbUM7QUFJbEIsMkZBSlIsaUJBQVUsT0FJUTtBQUYzQix1REFBNEIifQ==

package/lib/components/button/index.mjs

@@ -0,0 +1,5 @@
+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.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ButtonListWebProps } from './ButtonListProps';
+/**
+ * Button List Component
+ * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param id
+ * @param align
+ * @param direction
+ */
+declare const ButtonList: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
+export default ButtonList;

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

@@ -1,12 +1,14 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { getJustifiedClassName } from '../../../objects/facets/Justifiable';
-import { is } from '../../../services/classify';
-import clsx from 'clsx';
-import * as React from 'react';
-import { ButtonListDirectionEnum } from './ButtonListEnum';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var context_1 = require("../../../context");
+var helpers_1 = require("../../../helpers");
+var Justifiable_1 = require("../../../objects/facets/Justifiable");
+var classify_1 = require("../../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
+var ButtonListEnum_1 = require("./ButtonListEnum");
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
@@ -16,10 +18,10 @@ import { ButtonListDirectionEnum } from './ButtonListEnum';
  * @param direction
  */
 var ButtonList = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, others = __rest(_a, ["className", "id", "align", "direction"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === ButtonListDirectionEnum.COLUMN && is('vertical'))) }, others)));
+    var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, others = tslib_1.__rest(_a, ["className", "id", "align", "direction"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('buttons', className, align && (0, classify_1.is)((0, Justifiable_1.getJustifiedClassName)(align)), direction === ButtonListEnum_1.ButtonListDirectionEnum.COLUMN && (0, classify_1.is)('vertical'))) }, others)));
 });
-ButtonList.displayName = ComponentName.ButtonList;
-export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBRzFEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxTQUFTLEtBQUssdUJBQXVCLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FDL0QsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9
+ButtonList.displayName = enumsComponentsName_1.ComponentName.ButtonList;
+exports.default = ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMsNERBQW9FO0FBQ3BFLGdEQUF3QztBQUN4QyxzREFBdUI7QUFDdkIsbURBQThCO0FBQzlCLG1EQUEwRDtBQUcxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUE4QyxFQUFFLEdBQUc7SUFBakQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBSyxNQUFNLHNCQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNuQyxJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCw4Q0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLElBQUEsbUJBQVMsRUFDbEIsTUFBTSxFQUNOLElBQUEsY0FBSSxFQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxJQUFJLElBQUEsYUFBRSxFQUFDLElBQUEsbUNBQXFCLEVBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsU0FBUyxLQUFLLHdDQUF1QixDQUFDLE1BQU0sSUFBSSxJQUFBLGFBQUUsRUFBQyxVQUFVLENBQUMsQ0FDL0QsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsa0JBQWUsVUFBVSxDQUFBIn0=