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

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 = 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 React.forwardRef(Button);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRTlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLGtCQUFrQixDQUFBO0FBQ3pCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU3RTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQ2IsRUFXYyxFQUNkLEdBQWdDO0lBWDlCLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWWCxrSEFXQyxDQURVO0lBSVgsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBQTJDO1lBQXpDLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQTtRQUN2RCxPQUFPLENBQ0ws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
+export default Button;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixJQUFJLEVBQ0osZ0JBQWdCLEdBQ2pCLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFDTCxZQUFZLEVBQ1osbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ3BCLE1BQU0sa0JBQWtCLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVsRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFXRjtJQVZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxrSEFXZixDQURVO0lBR1QsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBSWY7WUFIWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUE7UUFFUCxPQUFPLENBQ0wsQ0FBQyxRQUFRLElB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

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

@@ -1,19 +1,18 @@
 /// <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';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Button Interface
  */
-export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev {
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, CommonProps {
     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,13 +40,6 @@ export default {
       "string"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "to": {
     "type": "string",
     "values": [
@@ -54,13 +47,6 @@ export default {
       "string"
     ]
   },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "loading": {
     "type": "boolean",
     "values": [
@@ -368,5 +354,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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,4 +1,8 @@
-import React from 'react';
-import { ButtonListWebProps } from '../../../components/button/list/ButtonListProps';
-declare const _default: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <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;

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

@@ -1,20 +1,18 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { is } from '../../../services';
 import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { has } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { getJustifiedClassName } from '../../../objects';
 /**
  * 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, 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)));
+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)));
 };
-export default React.forwardRef(ButtonList);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6Qzs7Ozs7Ozs7R0FRRztBQUVILElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQWdFLEVBQ2hFLEdBQThCO0lBRDVCLElBQUEsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUExQyxxQ0FBNEMsQ0FBRjtJQUcxQyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUUsUUFBUSxJQUFJLGFBQWEsQ0FBQyxDQUFDLElBQ3pHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUEifQ==
+export default ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7O0dBR0c7QUFFSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTBFO0lBQXhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUssTUFBTSxjQUFwRCx5Q0FBc0QsQ0FBRjtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsS0FBSyxRQUFRLElBQUksYUFBYSxDQUFDLENBQy9HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -1,5 +1,12 @@
-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;
+/// <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;

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 = 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 React.forwardRef(ButtonList);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBSXpCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7OztHQUdHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUE2QixFQUFFLEdBQXdCO1FBQXJELFFBQVEsY0FBQTtJQUM1QixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzdDLENBQUMsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUEifQ==
+export default ButtonList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBRUY7UUFEaEIsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxJQUFJLGVBQUssRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDbkMsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -0,0 +1,5 @@
+export declare enum ButtonListDirectionEnum {
+    ROW = "row",
+    COLUMN = "column"
+}
+export type ButtonListDirectionEnumValues = `${ButtonListDirectionEnum}`;

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

@@ -0,0 +1,6 @@
+export var ButtonListDirectionEnum;
+(function (ButtonListDirectionEnum) {
+    ButtonListDirectionEnum["ROW"] = "row";
+    ButtonListDirectionEnum["COLUMN"] = "column";
+})(ButtonListDirectionEnum || (ButtonListDirectionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3RFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHVCQUdYO0FBSEQsV0FBWSx1QkFBdUI7SUFDakMsc0NBQVcsQ0FBQTtJQUNYLDRDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyx1QkFBdUIsS0FBdkIsdUJBQXVCLFFBR2xDIn0=

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

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

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

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

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,4 +1,29 @@
 import React from 'react';
-import { CardProps } from '../../components/card/CardProps';
-declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
-export default _default;
+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<unknown>>;
+export default Card;