@trilogy-ds/react 0.0.1-beta-152 → 0.0.1-beta-timepicker

package/lib/components/button/Button.js

@@ -1,12 +1,13 @@
 import { __assign, __rest } from "tslib";
-import React from "react";
-import clsx from "clsx";
-import { is } from "../../services/index";
-import { getButtonVariantClassName } from "../../objects/facets/Color";
-import { ButtonMarkup, } from "./ButtonEnum";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
-import { Icon } from "../../components/icon";
+import { Icon } from '../../components/icon';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getButtonVariantClassName } from '../../objects/facets/Color';
+import { is } from '../../services/index';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { ButtonMarkup } from './ButtonEnum';
 /**
  * Button component
  * @param loading {boolean} Loading button
@@ -20,7 +21,7 @@ import { Icon } from "../../components/icon";
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param markup {ButtonMarkup} HTML element : button|input|a (ONLY FOR WEB)
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param className {string} Additional css classes (ONLY FOR WEB)
  * @param id {string} Custom id for button (ONLY FOR WEB)
  * @param to {string} Link
  * @param href {string} Href
@@ -29,50 +30,50 @@ import { Icon } from "../../components/icon";
  * @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
  * @param type {ButtonType} button type (button|reset|submit)
  */
-var Button = function (_a) {
-    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
-    var isDisabled = others.disabled || false;
+var Button = React.forwardRef(function (_a, ref) {
+    var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName", "disabled"]);
+    var isDisabled = disabled || false;
     var styled = useTrilogyContext().styled;
     /** Check if specified markup is valid */
     var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in ButtonMarkup ||
-            Object.values(ButtonMarkup).includes(stringMarkup))
+        if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
             return true;
     };
     var getClassNames = function (loading, variant, fullwidth, className) {
-        return clsx("button", loading && is("loading"), variant && is(getButtonVariantClassName(variant)), fullwidth && is("fullwidth"), className);
+        return clsx('button', loading && is('loading'), variant && is(getButtonVariantClassName(variant)), fullwidth && is('fullwidth'), className);
     };
     var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
-    var Tag = markup && isCorrectMarkup(markup) ? markup : "button";
-    if (Tag === "button") {
-        return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
+    if (Tag === 'button' && !href && !to) {
+        return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
-            }, type: type !== null && type !== void 0 ? type : "button" }, others),
-            iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
+            }, type: type !== null && type !== void 0 ? type : 'button' }, others),
+            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
-    if (Tag === "input") {
-        return (React.createElement("input", __assign({ id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
+    if (Tag === 'input') {
+        return (React.createElement("input", __assign({ ref: ref, id: id, className: classes, "aria-label": accessibilityLabel, name: name, onClick: function (e) {
                 // eslint-disable-next-line no-unused-expressions
                 !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
                 e.stopPropagation();
-            }, disabled: isDisabled, type: type !== null && type !== void 0 ? type : "submit", value: "".concat(children) }, others)));
+            }, disabled: isDisabled, type: type !== null && type !== void 0 ? type : 'submit', value: "".concat(children) }, others)));
     }
     if (routerLink && to && !isDisabled) {
-        var RouterLink = (routerLink ? routerLink : "a");
-        return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, to: to, className: classes }, others),
-            iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
+        var RouterLink = (routerLink ? routerLink : 'a');
+        return (React.createElement(RouterLink, __assign({ ref: ref, "aria-label": accessibilityLabel, to: to, className: classes }, others),
+            iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
             children));
     }
-    return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
+    return (React.createElement("a", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
             e.stopPropagation();
-        } }, others),
-        iconName && (React.createElement(Icon, { className: !children ? "is-marginless" : "", name: iconName })),
+        } }, others, (disabled && { 'aria-disabled': true })),
+        iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
         children));
-};
+});
+Button.displayName = ComponentName.Button;
 export default Button;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFFckMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDbEUsT0FBTyxFQUFFLFlBQVksR0FBMkQsTUFBTSxjQUFjLENBQUE7QUFFcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBaUJGO0lBaEJaLElBQUEsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0Ysa0JBQWtCLHdCQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBaEJLLHFLQWlCZixDQURVO0lBRVQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUE7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMseUNBQXlDO0lBQ3pDLElBQU0sZUFBZSxHQUFHLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQTBELE1BQU0sY0FBYyxDQUFBO0FBR25HOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUNFLEVBa0JDLEVBQ0QsR0FBRztJQWxCRCxJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWpCWCxpTEFrQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLFFBQVEsSUFBSSxLQUFLLENBQUE7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

package/lib/components/button/Button.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ComponentName } from "../../components/enumsComponentsName";
-import { ButtonProps } from "./ButtonProps";
+import * as React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { ButtonProps } from './ButtonProps';
 /**
  * Button Native Component
  * @param loading {boolean} Loading button
@@ -13,8 +13,5 @@ import { ButtonProps } from "./ButtonProps";
  * @param accessibilityLabel {string}
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
-declare const Button: {
-    ({ children, variant, onClick, disabled, loading, fullwidth, testId, accessibilityLabel, iconName, ...others }: ButtonProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<TouchableOpacity>>;
 export default Button;

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

@@ -1,12 +1,14 @@
 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 { 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
@@ -19,163 +21,120 @@ import { getTypographyBoldStyle, TypographyBold } from "../../objects";
  * @param accessibilityLabel {string}
  * @param iconName {IconName} If Icon, Button + Icon && Button IconName
  */
-var Button = function (_a) {
+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 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" &&
-                getButtonColorStyle(TrilogyColor.BACKGROUND)) ||
-            (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.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)) ||
-            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)) ||
-            getColorStyle(TrilogyColor.BACKGROUND));
-    };
+    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%",
+            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: findBackgroundColor({ disabled: disabled, loading: loading, variant: variant }),
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: getColorStyle(background),
             borderRadius: 4,
             minHeight: 45,
-            height: loading ? 52 : "auto",
-            borderColor: findBorderColor({ disabled: disabled, variant: variant, loading: loading }),
+            height: loading ? 52 : 'auto',
+            borderColor: getColorStyle(borderColor),
         },
         text: {
             fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
-            color: disabled
-                ? getColorStyle(TrilogyColor.BACKGROUND)
-                : findTextColor({ variant: variant }),
-            alignSelf: "center",
-            alignItems: "center",
-            fontWeight: "bold",
-            justifyContent: "center",
+            color: getColorStyle(color),
+            alignSelf: 'center',
+            alignItems: 'center',
+            fontWeight: 'bold',
+            justifyContent: 'center',
         },
         textDisabled: {
-            color: getColorStyle(TrilogyColor.DISABLED_FADE),
-            alignSelf: "center",
-            alignItems: "center",
-            fontWeight: "bold",
-            justifyContent: "center",
+            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",
+            color: getColorStyle(TrilogyColor.DISABLED),
+            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: getColorStyle(color),
+            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";
-    /**
-     * 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))
-            return TrilogyColor.BACKGROUND;
-        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",
+            : '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: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
-        loading && typeof loading === "boolean" && loading === true && (React.createElement(View, { style: {
-                alignItems: "center",
+            React.createElement(ActivityIndicator, { color: loaderColor, testID: 'activity-indicator' }))),
+        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 },
-            !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(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixJQUFJLEVBQ0osZ0JBQWdCLEdBQ2pCLE1BQU0sY0FBYyxDQUFBO0FBQ3JCLE9BQU8sRUFDTCxZQUFZLEVBQ1osbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ3BCLE1BQU0sa0JBQWtCLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVsRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFXRjtJQVZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FWSyxrSEFXZixDQURVO0lBR1QsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLEVBSWY7WUFIWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUE7UUFFUCxPQUFPLENBQ0wsQ0FBQyxRQUFRLElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDL0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUc1Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQ0UsRUFBNkcsRUFDN0csR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRyxrSEFBNkcsQ0FBRjtJQUczRyxJ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

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

@@ -1,9 +1,12 @@
 /// <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 { 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
  */
@@ -20,3 +23,5 @@ export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev, C
     iconName?: IconName | IconNameValues;
     variant?: ButtonVariant | ButtonVariantValues;
 }
+export type ButtonRef = HTMLAnchorElement | HTMLElement | HTMLInputElement | HTMLButtonElement;
+export type ButtonNativeRef = TouchableOpacity;

package/lib/components/button/ButtonPropsDefaults.js

@@ -25,8 +25,8 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "a",
       "button",
+      "a",
       "input",
       "button",
       "input",
@@ -68,8 +68,17 @@ export default {
       "undefined",
       "symbol",
       "object",
+      "p",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
       "text",
       "search",
+      "button",
+      "image",
+      "time",
       "a",
       "abbr",
       "address",
@@ -85,7 +94,6 @@ export default {
       "blockquote",
       "body",
       "br",
-      "button",
       "canvas",
       "caption",
       "center",
@@ -111,11 +119,6 @@ export default {
       "footer",
       "form",
       "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
       "head",
       "header",
       "hgroup",
@@ -146,7 +149,6 @@ export default {
       "optgroup",
       "option",
       "output",
-      "p",
       "param",
       "picture",
       "pre",
@@ -177,7 +179,6 @@ export default {
       "tfoot",
       "th",
       "thead",
-      "time",
       "title",
       "tr",
       "track",
@@ -224,7 +225,6 @@ export default {
       "filter",
       "foreignObject",
       "g",
-      "image",
       "line",
       "linearGradient",
       "marker",
@@ -253,9 +253,9 @@ export default {
     "values": [
       "undefined",
       "button",
-      "button",
       "reset",
       "submit",
+      "button",
       "reset",
       "submit"
     ]
@@ -270,6 +270,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -293,6 +294,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",

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

@@ -1,8 +1,12 @@
-/// <reference types="react" />
+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: ({ className, id, align, direction, ...others }: ButtonListWebProps) => JSX.Element;
+declare const ButtonList: React.ForwardRefExoticComponent<ButtonListWebProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonList;