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

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

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-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";
+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';
 /**
  * Button Native Component
  * @param loading {boolean} Loading button
@@ -19,163 +19,131 @@ import { getTypographyBoldStyle, TypographyBold } from "../../objects";
  * @param accessibilityLabel {string}
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
-var Button = function (_a) {
+var Button = 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 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({ 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({ 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: 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixJQUFJLEVBQ0osZ0JBQWdCLEdBQ2pCLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFDTCxZQUFZLEVBQ1osbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ3BCLE1BQU0sa0JBQWtCLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVsRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFXRjtJQVZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxrSEFXZixDQURVO0lBR1QsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBSWY7WUFIWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUE7UUFFUCxPQUFPLENBQ0wsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN0RCxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVE7Z0JBQzVCLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxLQUFLLFNBQVM7Z0JBQzFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM3QyxDQUFDLE9BQU8sT0FBTyxLQUFLLFNBQVM7Z0JBQzdCLE9BQU87Z0JBQ1AsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNwQyxDQUFDLE9BQU8sS0FBSyxhQUFhLENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkUsQ0FBQyxPQUFPLEtBQUssYUFBYSxDQUFDLFNBQVM7Z0JBQ2xDLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDeEMsQ0FBQyxPQUFPLEtBQUssYUFBYSxDQUFDLFVBQVU7Z0JBQ25DLGFBQWEsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDckMsQ0FBQyxPQUFPLEtBQUssYUFBYSxDQUFDLEtBQUssSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzNFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQ2pDLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdCO1lBQXRCLE9BQU8sYUFBQTtRQUM5QixPQUFPLENBQ0wsQ0FBQyxPQUFPO1lBQ04sbUJBQW1CLENBQUMsT0FBTyxDQUFDLEtBQUssV0FBVztZQUM1QyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ25DLENBQUMsT0FBTztnQkFDTixtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxRQUFRO2dCQUN6QyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3pDLENBQUMsT0FBTztnQkFDTixtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxTQUFTO2dCQUMxQyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3pDLENBQUMsT0FBTztnQkFDTixtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxPQUFPO2dCQUN4QyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ25DLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQ3ZDLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBSVg7WUFIWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUE7UUFFUCxPQUFPLENBQ0wsQ0FBQyxRQUFRO1lBQ1AsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPO1lBQ2pDLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdkMsQ0FBQyxDQUFDLFFBQVE7Z0JBQ1IsQ0FBQyxDQUFDLE9BQU87Z0JBQ1QsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPO2dCQUNqQyxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZDLENBQUMsQ0FBQyxRQUFRO2dCQUNSLE9BQU8sS0FBSyxhQUFhLENBQUMsT0FBTztnQkFDakMsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN4QyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUN2QyxDQUFBO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsTUFBTTtZQUNoQixRQUFRLEVBQUUsTUFBTTtZQUNoQixVQUFVLEVBQUUsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN2RCxhQUFhLEVBQUUsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMxRCxXQUFXLEVBQUUsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN4RCxZQUFZLEVBQUUsT0FBTyxLQUFLLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN6RCxjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixlQUFlLEVBQUUsbUJBQW1CLENBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDO1lBQ3BFLFlBQVksRUFBRSxDQUFDO1lBQ2YsU0FBUyxFQUFFLEVBQUU7WUFDYixNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDN0IsV0FBVyxFQUFFLGVBQWUsQ0FBQyxFQUFFLFFBQVEsVUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUM7U0FDN0Q7UUFDRCxJQUFJLEVBQUU7WUFDSixVQUFVLEVBQUUsc0JBQXNCLENBQUMsY0FBYyxDQUFDLG9CQUFvQixDQUFDO1lBQ3ZFLEtBQUssRUFBRSxRQUFRO2dCQUNiLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztnQkFDeEMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUM7WUFDOUIsU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsY0FBYyxFQUFFLFFBQVE7U0FDekI7UUFDRCxZQUFZLEVBQUU7WUFDWixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUM7WUFDaEQsU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsY0FBYyxFQUFFLFFBQVE7U0FDekI7UUFDRCxnQkFBZ0IsRUFBRTtZQUNoQixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUM7WUFDaEQsU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEVBQUU7U0FDZjtRQUNELFNBQVMsRUFBRTtZQUNULFNBQVMsRUFBRSxTQUFTO1NBQ3JCO1FBQ0QsbUJBQW1CLEVBQUU7WUFDbkIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsY0FBYyxFQUFFLFFBQVE7U0FDekI7UUFDRCxjQUFjLEVBQUU7WUFDZCxLQUFLLEVBQUUsUUFBUTtnQkFDYixDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7Z0JBQ3hDLENBQUMsQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDO1lBQzlCLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFVBQVUsRUFBRSxNQUFNO1lBQ2xCLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFlBQVksR0FBRyxNQUFNO1FBQ3pCLENBQUMsQ0FBQyxNQUFNO1FBQ1IsQ0FBQyxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVE7WUFDOUIsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsY0FBYyxDQUFBO0lBQ2xCLElBQU0sd0JBQXdCLEdBQUcsa0JBQWtCO1FBQ2pELENBQUMsQ0FBQyxrQkFBa0I7UUFDcEIsQ0FBQyxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVE7WUFDOUIsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsY0FBYyxDQUFBO0lBRWxCOzs7O09BSUc7SUFDSCxJQUFNLGdCQUFnQixHQUFHLFVBQUMsV0FBb0I7UUFDNUMsSUFBSSxXQUFXLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQztZQUM1RCxPQUFPLFlBQVksQ0FBQyxVQUFVLENBQUE7UUFDaEMsSUFBSSxXQUFXLEtBQUssV0FBVyxJQUFJLFdBQVcsS0FBSyxPQUFPO1lBQ3hELE9BQU8sWUFBWSxDQUFDLElBQUksQ0FBQTtRQUMxQixPQUFPLFlBQVksQ0FBQyxVQUFVLENBQUE7SUFDaEMsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUNmLFVBQVUsRUFBRSxDQUFDLENBQUMsd0JBQXdCLEVBQ3RDLGtCQUFrQixFQUFFLHdCQUF3QixFQUM1QyxNQUFNLEVBQUUsWUFBWSxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUFJLE9BQU8sRUFDN0IsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUNyRCxPQUFPLEVBQUUsVUFBQyxDQUFXLElBQUssT0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLEVBQVosQ0FBWSxJQUNsQyxNQUFNO1FBRVQsT0FBTztZQUNOLE9BQU8sT0FBTyxLQUFLLFFBQVE7WUFDM0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDLEtBQUssU0FBUyxJQUFJLENBQzVDLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUU7Z0JBQ0wsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLGNBQWMsRUFBRSxRQUFRO2dCQUN4QixNQUFNLEVBQUUsRUFBRTthQUNYO1lBRUQsb0JBQUMsaUJBQWlCLElBQUMsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQUUsTUFBTSxFQUFDLG9CQUFvQixHQUFHLENBQzNGLENBQ1I7UUFDRixPQUFPLElBQUksT0FBTyxPQUFPLEtBQUssU0FBUyxJQUFJLE9BQU8sS0FBSyxJQUFJLElBQUksQ0FDOUQsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTtnQkFDTCxVQUFVLEVBQUUsUUFBUTtnQkFDcEIsTUFBTSxFQUFFLEVBQUU7Z0JBQ1YsY0FBYyxFQUFFLFFBQVE7YUFDekI7WUFFRCxvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxNQUFNLEVBQUMsb0JBQW9CLEdBQUcsQ0FDM0YsQ0FDUjtRQUNBLE9BQU87WUFDTixPQUFPLE9BQU8sS0FBSyxRQUFRO1lBQzNCLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxLQUFLLFFBQVEsSUFBSSxDQUMzQyxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUNILENBQUMsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFHaEUsUUFBUSxDQUNKLENBQ1I7UUFDRixDQUFDLE9BQU8sSUFBSSxRQUFRLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQ3BFLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQ0gsQ0FBQyxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUdoRSxRQUFRLENBQ0osQ0FDUjtRQUNBLENBQUMsT0FBTyxJQUFJLFFBQVEsSUFBSSxPQUFPLFFBQVEsS0FBSyxRQUFRLElBQUksUUFBUSxJQUFJLENBQ25FLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLG1CQUFtQjtZQUNwQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDWCxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFDcEIsS0FBSyxFQUFFLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxFQUNoQyxNQUFNLEVBQUMsYUFBYSxHQUNwQixDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUNILE1BQU0sRUFBQyxhQUFhLEVBQ3BCLElBQUksRUFBRSxRQUFRLEVBQ2QsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQ3BCLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxHQUMzQyxDQUNIO1lBQ0Qsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFDSCxDQUFDLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxjQUFjLENBQUM7b0JBQ3BDLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUd0QyxRQUFRLENBQ0osQ0FDRixDQUNSLENBQ2dCLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
+export default React.forwardRef(Button);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRTlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLGtCQUFrQixDQUFBO0FBQ3pCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU3RTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQ2IsRUFXYyxFQUNkLEdBQWdDO0lBWDlCLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWWCxrSEFXQyxDQURVO0lBSVgsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBQTJDO1lBQXpDLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQTtRQUN2RCxPQUFPLENBQ0wsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN0RCxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVE7Z0JBQzFCLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxLQUFLLFNBQVM7Z0JBQzFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMvQyxDQUFDLE9BQU8sT0FBTyxLQUFLLFNBQVMsSUFBSSxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNoRixDQUFDLE9BQU8sS0FBSyxhQUFhLENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkUsQ0FBQyxPQUFPLEtBQUssYUFBYSxDQUFDLFNBQVMsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzlFLENBQUMsT0FBTyxLQUFLLGFBQWEsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1RSxDQUFDLE9BQU8sS0FBSyxhQUFhLENBQUMsS0FBSyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDM0UsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FDakMsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBd0I7WUFBdEIsT0FBTyxhQUFBO1FBQzlCLE9BQU8sQ0FDTCxDQUFDLE9BQU8sSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxXQUFXLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM3RixDQUFDLE9BQU8sSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNoRyxDQUFDLE9BQU8sSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxTQUFTLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNqRyxDQUFDLE9BQU8sSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6RixhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUN2QyxDQUFBO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUEyQztZQUF6QyxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUE7UUFDbkQsT0FBTyxDQUNMLENBQUMsUUFBUSxJQUFJLE9BQU8sS0FBSyxhQUFhLENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdkYsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsT0FBTyxJQUFJLE9BQU8sS0FBSyxhQUFhLENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDckcsQ0FBQyxDQUFDLFFBQVEsSUFBSSxPQUFPLEtBQUssYUFBYSxDQUFDLE9BQU8sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3pGLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQ3ZDLENBQUE7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLFVBQVUsRUFBRSxPQUFPLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3ZELGFBQWEsRUFBRSxPQUFPLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFELFdBQVcsRUFBRSxPQUFPLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3hELFlBQVksRUFBRSxPQUFPLEtBQUssYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGVBQWUsRUFBRSxtQkFBbUIsQ0FBQyxFQUFFLFFBQVEsVUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUM7WUFDcEUsWUFBWSxFQUFFLENBQUM7WUFDZixTQUFTLEVBQUUsRUFBRTtZQUNiLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUM3QixXQUFXLEVBQUUsZUFBZSxDQUFDLEVBQUUsUUFBUSxVQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQztTQUM3RDtRQUNELElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxzQkFBc0IsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUM7WUFDdkUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQztZQUNyRixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixjQUFjLEVBQUUsUUFBUTtTQUN6QjtRQUNELFlBQVksRUFBRTtZQUNaLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQztZQUNoRCxTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixjQUFjLEVBQUUsUUFBUTtTQUN6QjtRQUNELGdCQUFnQixFQUFFO1lBQ2hCLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQztZQUNoRCxTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsRUFBRTtTQUNmO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFLFNBQVM7U0FDckI7UUFDRCxtQkFBbUIsRUFBRTtZQUNuQixhQUFhLEVBQUUsS0FBSztZQUNwQixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsTUFBTTtZQUNsQixjQUFjLEVBQUUsUUFBUTtTQUN6QjtRQUNELGNBQWMsRUFBRTtZQUNkLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUM7WUFDckYsU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsVUFBVSxFQUFFLE1BQU07WUFDbEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLFFBQVEsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFBO0lBQy9GLElBQU0sd0JBQXdCLEdBQUcsa0JBQWtCO1FBQ2pELENBQUMsQ0FBQyxrQkFBa0I7UUFDcEIsQ0FBQyxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVE7WUFDOUIsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsY0FBYyxDQUFBO0lBRWxCOzs7O09BSUc7SUFDSCxJQUFNLGdCQUFnQixHQUFHLFVBQUMsV0FBb0I7UUFDNUMsSUFBSSxXQUFXLElBQUksQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQztZQUFFLE9BQU8sWUFBWSxDQUFDLFVBQVUsQ0FBQTtRQUM5RixJQUFJLFdBQVcsS0FBSyxXQUFXLElBQUksV0FBVyxLQUFLLE9BQU87WUFBRSxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUE7UUFDcEYsT0FBTyxZQUFZLENBQUMsVUFBVSxDQUFBO0lBQ2hDLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixHQUFHLEVBQUUsR0FBRyxFQUNSLFVBQVUsRUFBRSxDQUFDLENBQUMsd0JBQXdCLEVBQ3RDLGtCQUFrQixFQUFFLHdCQUF3QixFQUM1QyxNQUFNLEVBQUUsWUFBWSxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUFJLE9BQU8sRUFDN0IsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUNyRCxPQUFPLEVBQUUsVUFBQyxDQUFXLElBQUssT0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLEVBQVosQ0FBWSxJQUNsQyxNQUFNO1FBRVQsT0FBTyxJQUFJLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxTQUFTLElBQUksQ0FDdkYsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRTtnQkFDTCxVQUFVLEVBQUUsUUFBUTtnQkFDcEIsY0FBYyxFQUFFLFFBQVE7Z0JBQ3hCLE1BQU0sRUFBRSxFQUFFO2FBQ1g7WUFFRCxvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxNQUFNLEVBQUMsb0JBQW9CLEdBQUcsQ0FDM0YsQ0FDUjtRQUNBLE9BQU8sSUFBSSxPQUFPLE9BQU8sS0FBSyxTQUFTLElBQUksT0FBTyxLQUFLLElBQUksSUFBSSxDQUM5RCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxRQUFRO2dCQUNwQixNQUFNLEVBQUUsRUFBRTtnQkFDVixjQUFjLEVBQUUsUUFBUTthQUN6QjtZQUVELG9CQUFDLGlCQUFpQixJQUFDLEtBQUssRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxFQUFFLE1BQU0sRUFBQyxvQkFBb0IsR0FBRyxDQUMzRixDQUNSO1FBQ0EsT0FBTyxJQUFJLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsS0FBSyxRQUFRLElBQUksQ0FDdEYsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUcsUUFBUSxDQUFRLENBQ2hHO1FBQ0EsQ0FBQyxPQUFPLElBQUksUUFBUSxJQUFJLE9BQU8sUUFBUSxLQUFLLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUNwRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBRyxRQUFRLENBQVEsQ0FDaEc7UUFDQSxDQUFDLE9BQU8sSUFBSSxRQUFRLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUSxJQUFJLFFBQVEsSUFBSSxDQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxtQkFBbUI7WUFDcEMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1gsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxFQUFFLE1BQU0sRUFBQyxhQUFhLEdBQUcsQ0FDdEcsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLElBQ0gsTUFBTSxFQUFDLGFBQWEsRUFDcEIsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFDcEIsS0FBSyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEdBQzNDLENBQ0g7WUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFHLFFBQVEsQ0FBUSxDQUN4RyxDQUNSLENBQ2dCLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFBIn0=

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

@@ -1,18 +1,19 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
-import { Fullwidth } from '../../objects/facets/Fullwidth';
-import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from '../../components/button/ButtonEnum';
 import { IconName, IconNameValues } from '../../components/icon';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { Accessibility, Clickable, Dev } from '../../objects/facets';
+import { Fullwidth } from '../../objects/facets/Fullwidth';
 /**
  * Button Interface
  */
-export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, CommonProps {
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev {
     children?: React.ReactNode;
     disabled?: boolean;
     markup?: ButtonMarkup | ButtonMarkupValues;
     href?: string;
+    className?: string;
     to?: string;
+    id?: string;
     loading?: boolean;
     name?: string;
     routerLink?: React.ElementType;

package/lib/components/button/ButtonPropsDefaults.js

@@ -40,6 +40,13 @@ export default {
       "string"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "to": {
     "type": "string",
     "values": [
@@ -47,6 +54,13 @@ export default {
       "string"
     ]
   },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "loading": {
     "type": "boolean",
     "values": [
@@ -354,19 +368,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

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

package/lib/components/button/index.js

@@ -1,5 +1,4 @@
-import Button from './Button';
-import { ButtonList } from './list';
-export * from './ButtonEnum';
-export { Button, ButtonList };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQTtBQUVuQyxjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFBIn0=
+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

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

@@ -1,8 +1,4 @@
-/// <reference types="react" />
-import { ButtonListWebProps } from './ButtonListProps';
-/**
- * Button List Component
- * @param children {ReactNode} ButtonList children
- */
-declare const ButtonList: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
-export default ButtonList;
+import React from 'react';
+import { ButtonListWebProps } from '../../../components/button/list/ButtonListProps';
+declare const _default: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,18 +1,20 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../../services';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { getJustifiedClassName } from '../../../objects';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { has } from '../../../services/classify';
 /**
  * Button List Component
  * @param children {ReactNode} ButtonList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param centered {boolean} Centered buttons
+ * @param vertical {boolean} Verical buttons
+ * @param isMobile {boolean} espect mobile screen
  */
-var ButtonList = function (_a) {
-    var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
+var ButtonList = function (_a, ref) {
+    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)));
 };
-export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+export default React.forwardRef(ButtonList);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6Qzs7Ozs7Ozs7R0FRRztBQUVILElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQWdFLEVBQ2hFLEdBQThCO0lBRDVCLElBQUEsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUExQyxxQ0FBNEMsQ0FBRjtJQUcxQyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxDQUFDLElBQ3pHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUEifQ==

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

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

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

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

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { Alignable, AlignableValues } from '../../../objects';
-import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
-import { CommonProps } from '../../../objects/facets/CommonProps';
-import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../../components/button/list/ButtonListEnum';
+import type { DividerProps } from '../../../components/divider/DividerProps';
+import type { Centerable } from '../../../objects/facets/Centerable';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
@@ -14,8 +12,8 @@ export interface ButtonListProps {
 /**
  * Button List Web Interface
  */
-export interface ButtonListWebProps extends ButtonListProps, CommonProps {
-    direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
-    align?: Alignable | AlignableValues;
+export interface ButtonListWebProps extends ButtonListProps, Centerable {
+    className?: string;
+    vertical?: boolean;
 }
 export {};

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

@@ -1,24 +1,17 @@
 export default {
-  "direction": {
-    "type": "enum",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "row",
-      "column",
-      "row",
-      "column"
+      "string"
     ]
   },
-  "align": {
-    "type": "enum",
+  "vertical": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END",
-      "ALIGNED_CENTER",
-      "ALIGNED_START",
-      "ALIGNED_END"
+      "false",
+      "true"
     ]
   },
   "children": {
@@ -29,18 +22,12 @@ export default {
       "ButtonListChildrenTypes[]"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
+  "centered": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

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

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

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

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

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

@@ -1,29 +1,4 @@
 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
- * @param horizontal {boolean} Horizontal Card orientation
- * @param backgroundColor {TrilogyColor} Card Background Color
- * @param inverted {boolean} Inverted Card Color
- * @param floating {boolean} Floating card
- * @param onClick {Function} onClick Event
- * @param children {React.ReactNode}
- * @param skeleton {boolean} Loading card
- * @param reversed {boolean} Reversed card
- * @param active {boolean} Activated card
- * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
- * @param to {string} Card link
- * @param fullheight
- * @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
- * @param backgroundSrc {string} Source of background Image
- * @param align { Alignable | AlignableValues} align content
- * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param testId {string} Test Id for Test Integration
- */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
-export default Card;
+import { CardProps } from '../../components/card/CardProps';
+declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+export default _default;