@trilogy-ds/react 0.0.1-beta-99 → 0.0.1-beta-103

package/lib/components/title/Title.js

@@ -55,8 +55,8 @@ const Title = ({ level = TitleLevels.ONE, markup, children, className, typo, ske
     const [isLoading, setIsLoading] = useState(skeleton || false);
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx('title', level && getTitleLevel(level), typo, isLoading ? is('loading') : is('loaded'), inverted && is('inverted'), marginless && is('marginless'), className));
-    const subtitleClasses = hashClass(styled, clsx('subtitle', typo, className));
-    const overlineClasses = hashClass(styled, clsx('overline', typo, className));
+    const subtitleClasses = hashClass(styled, clsx('subtitle', className));
+    const overlineClasses = hashClass(styled, clsx('overline', className));
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);

package/lib/components/title/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../components/title/Title.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../components/title/Title.tsx"],"names":[],"mappings":"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"}

package/lib/components/title/Title.native.js

@@ -6,7 +6,6 @@ import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, Typogra
 import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
 import { ComponentName } from "../../components/enumsComponentsName";
 import { StatesContext } from "../../context/providerStates";
-import { TitleLevels } from "./TitleEnum";
 /**
  * Title Native Component
  * @param children {ReactNode} Text child
@@ -23,17 +22,17 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
     const statesContext = useContext(StatesContext);
     const titlesLevels = () => {
         switch (level) {
-            case TitleLevels.ONE:
+            case "ONE":
                 return 32;
-            case TitleLevels.TWO:
+            case "TWO":
                 return 28;
-            case TitleLevels.THREE:
+            case "THREE":
                 return 22;
-            case TitleLevels.FOUR:
+            case "FOUR":
                 return 20;
-            case TitleLevels.FIVE:
+            case "FIVE":
                 return 18;
-            case TitleLevels.SIX:
+            case "SIX":
                 return 16;
             default:
                 return 16;
@@ -52,7 +51,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
         }
     };
     const getFontFamily = () => {
-        if (level && [TitleLevels.ONE, TitleLevels.TWO].includes(level))
+        if (level && ["ONE", "TWO"].includes(level))
             return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_BOLD);
         return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD);
     };
@@ -62,7 +61,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
             fontSize: titlesLevels(),
             color: ((overline || subtitle) &&
                 !level &&
-                getColorStyle(TrilogyColor.MAIN)) ||
+                getColorStyle(TrilogyColor.MAIN, 0)) ||
                 (!skeleton &&
                     setTypographyColor(typo, inverted || statesContext.inverted)) ||
                 "transparent",
@@ -75,7 +74,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
             alignSelf: getAlignSelf(),
             borderRadius: 5,
             borderWidth: 0.1,
-            borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 0),
             overflow: "hidden",
             height: titlesLevels(),
         },

package/lib/components/title/Title.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.native.js","sourceRoot":"","sources":["../../../components/title/Title.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Title.native.js","sourceRoot":"","sources":["../../../components/title/Title.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/title/TitleEnum.d.ts

@@ -2,17 +2,17 @@
  * New Title Levels
  */
 export declare enum TitleLevels {
-    ONE = 1,
-    TWO = 2,
-    THREE = 3,
-    FOUR = 4,
-    FIVE = 5,
-    SIX = 6
+    ONE = "ONE",
+    TWO = "TWO",
+    THREE = "THREE",
+    FOUR = "FOUR",
+    FIVE = "FIVE",
+    SIX = "SIX"
 }
 /**
  * Titles size values
  */
-export type TitleLevelValues = TitleLevels;
+export type TitleLevelValues = `${TitleLevels}`;
 export declare enum TitleMarkup {
     H1 = "h1",
     H2 = "h2",

package/lib/components/title/TitleEnum.js

@@ -3,12 +3,12 @@
  */
 export var TitleLevels;
 (function (TitleLevels) {
-    TitleLevels[TitleLevels["ONE"] = 1] = "ONE";
-    TitleLevels[TitleLevels["TWO"] = 2] = "TWO";
-    TitleLevels[TitleLevels["THREE"] = 3] = "THREE";
-    TitleLevels[TitleLevels["FOUR"] = 4] = "FOUR";
-    TitleLevels[TitleLevels["FIVE"] = 5] = "FIVE";
-    TitleLevels[TitleLevels["SIX"] = 6] = "SIX";
+    TitleLevels["ONE"] = "ONE";
+    TitleLevels["TWO"] = "TWO";
+    TitleLevels["THREE"] = "THREE";
+    TitleLevels["FOUR"] = "FOUR";
+    TitleLevels["FIVE"] = "FIVE";
+    TitleLevels["SIX"] = "SIX";
 })(TitleLevels || (TitleLevels = {}));
 export var TitleMarkup;
 (function (TitleMarkup) {

package/lib/components/title/TitleEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleEnum.js","sourceRoot":"","sources":["../../../components/title/TitleEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,WAOX;AAPD,WAAY,WAAW;IACrB,2CAAO,CAAA;IACP,2CAAO,CAAA;IACP,+CAAS,CAAA;IACT,6CAAQ,CAAA;IACR,6CAAQ,CAAA;IACR,2CAAO,CAAA;AACT,CAAC,EAPW,WAAW,KAAX,WAAW,QAOtB;AAOD,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,sBAAO,CAAA;IACP,4BAAa,CAAA;IACb,0BAAW,CAAA;AACb,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}
+{"version":3,"file":"TitleEnum.js","sourceRoot":"","sources":["../../../components/title/TitleEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,WAOX;AAPD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,0BAAW,CAAA;AACb,CAAC,EAPW,WAAW,KAAX,WAAW,QAOtB;AAOD,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,wBAAS,CAAA;IACT,sBAAO,CAAA;IACP,4BAAa,CAAA;IACb,0BAAW,CAAA;AACb,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}

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

@@ -1,3 +1,4 @@
 import Title from './Title';
+import TitleExample from './Title.example';
 export * from './TitleEnum';
-export { Title };
+export { Title, TitleExample };

package/lib/components/title/index.js

@@ -1,4 +1,5 @@
 import Title from './Title';
+import TitleExample from './Title.example';
 export * from './TitleEnum';
-export { Title };
+export { Title, TitleExample };
 //# sourceMappingURL=index.js.map

package/lib/components/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/title/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/title/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/toaster/Toaster.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ToasterProps } from './ToasterProps';
+/**
+ * Toaster provider
+ * @param children {React.ReactNode} Custom Toast Content
+ * @param duration {number} Duration in MS (Default: 5000)
+ * @param offset {number} Offset position margin (Default: 10 dp)
+ * @param others
+ */
+declare const ToasterProvider: ({ children }: ToasterProps) => JSX.Element;
+export default ToasterProvider;

package/lib/components/toaster/Toaster.js

@@ -0,0 +1,93 @@
+import clsx from 'clsx';
+import React, { useEffect, useRef, useState } from 'react';
+import { getAlertClassName } from '../../objects/facets/Alert';
+import { Icon } from '../../components/icon';
+import { Text } from '../../components/text';
+import { Title, TitleLevels } from '../../components/title';
+import { ToasterPosition } from './ToasterProps';
+import { is } from '../../services/classify';
+import ToasterContext from './context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { useTrilogyContext } from '../../context';
+import { IconSize } from '../../components/icon/IconEnum';
+import { IconName } from '../../components/icon/IconNameEnum';
+/**
+ * Toaster Component
+ * @param children {React.ReactNode} Custom Toast Content
+ */
+const Toaster = ({ props, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const { title, position, description, iconName, alert, closable, onClick, className, offset, children } = props;
+    const displayed = Boolean(title);
+    const positionTop = {
+        top: offset || 0,
+        position: 'fixed',
+    };
+    const positionBottom = {
+        bottom: offset || 0,
+        position: 'fixed',
+    };
+    const classes = hashClass(styled, clsx('toaster', alert && is(getAlertClassName(alert)), !alert && is('info'), className));
+    if (!displayed) {
+        return null;
+    }
+    if (children) {
+        return (React.createElement("div", { "data-testid": props.testId, style: (position === ToasterPosition.TOP && positionTop) ||
+                (position === ToasterPosition.BOTTOM && positionBottom) ||
+                positionTop, onClick: (e) => {
+                // eslint-disable-next-line no-unused-expressions
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                e.stopPropagation();
+            }, className: classes, ...others }, children));
+    }
+    return title ? (React.createElement("div", { "data-testid": props.testId, style: (position === ToasterPosition.TOP && positionTop) ||
+            (position === ToasterPosition.BOTTOM && positionBottom) ||
+            positionTop, onClick: (e) => {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, className: classes, ...others },
+        iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
+        React.createElement("div", { className: hashClass(styled, clsx('body')) },
+            title && React.createElement(Title, { level: TitleLevels.ONE }, title),
+            description && React.createElement(Text, null, description)),
+        closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))) : null;
+};
+/**
+ * Toaster provider
+ * @param children {React.ReactNode} Custom Toast Content
+ * @param duration {number} Duration in MS (Default: 5000)
+ * @param offset {number} Offset position margin (Default: 10 dp)
+ * @param others
+ */
+const ToasterProvider = ({ children }) => {
+    const [toasterState, setToasterState] = useState(null);
+    const [duration, setDuration] = useState(5000);
+    const timeRef = useRef(null);
+    const showToast = (params) => {
+        setToasterState(params);
+        params.duration && params.duration > 0 && setDuration(params.duration);
+        timeRef.current && clearTimeout(timeRef.current);
+    };
+    useEffect(() => {
+        timeRef.current = setTimeout(() => {
+            setToasterState(null);
+        }, duration);
+    }, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: () => null } },
+        children,
+        React.createElement(Toaster, { props: {
+                title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
+                description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
+                position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
+                iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
+                alert: toasterState === null || toasterState === void 0 ? void 0 : toasterState.alert,
+                onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
+                onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
+                closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
+                offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
+                testId: toasterState === null || toasterState === void 0 ? void 0 : toasterState.testId,
+            } })));
+};
+export default ToasterProvider;
+//# sourceMappingURL=Toaster.js.map

package/lib/components/toaster/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.tsx"],"names":[],"mappings":"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"}

package/lib/components/toaster/Toaster.native.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ToasterProps } from "./ToasterProps";
+import { ComponentName } from "../../components/enumsComponentsName";
+/**
+ * Toaster provider
+ * @param children {React.ReactNode} Custom Toast Content
+ * @param duration {number} Duration in MS (Default: 5000)
+ * @param offset {number} Offset position margin (Default: 10 dp)
+ * @param others
+ */
+declare const ToasterProvider: {
+    ({ children }: ToasterProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ToasterProvider;

package/lib/components/toaster/Toaster.native.js

@@ -0,0 +1,93 @@
+import * as React from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import LibToast from "react-native-toast-message";
+import { ToasterPosition } from "./ToasterProps";
+import { View } from "../../components/view";
+import { Title } from "../../components/title";
+import { Text, TextLevels } from "../../components/text";
+import { Icon, IconName, IconSize } from "../../components/icon";
+import { Columns, ColumnsItem } from "../../components/columns";
+import { getAlertStyle, getColorStyle, TrilogyColor, } from "../../objects";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import ToasterContext from "./context";
+import { ComponentName } from "../../components/enumsComponentsName";
+/**
+ * Function call by context for showing toast
+ * @param params {ToasterShowContext}
+ */
+const showToast = (params) => {
+    const { position, duration, offset, title, description, onClick, closable, onHide, iconName, alert, } = params;
+    LibToast.show({
+        type: "tomatoToast",
+        position: position || ToasterPosition.BOTTOM,
+        bottomOffset: offset || 10,
+        topOffset: offset || 10,
+        visibilityTime: duration || 5000,
+        onHide,
+        props: { title, description, closable, iconName, alert, onClick },
+    });
+};
+/**
+ * Ui of the toast
+ * @param title {string} Notification title content
+ * @param description {string|ReactNode} Notification description content
+ * @param iconName {IconName} Custom icon
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param onClick {Function} onClick Event for all notification
+ * @param closable {Function} onClick Event on cross icon
+ */
+const Toaster = ({ props }) => {
+    const { title, description, iconName, alert, closable, onClick } = props;
+    const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = getColorStyle(alert, 1);
+    const styles = StyleSheet.create({
+        toaster: {
+            padding: 24,
+        },
+        toasterContainer: {
+            borderWidth: 1,
+            borderColor: color,
+            backgroundColor: backgroundColor,
+            padding: 14,
+            borderRadius: 6,
+        },
+        icon: {
+            fontSize: 16,
+            color: color,
+            marginTop: 1.5,
+        },
+    });
+    return (React.createElement(View, { style: styles.toaster },
+        React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
+            React.createElement(Columns, null,
+                React.createElement(ColumnsItem, { size: 1 }, iconName && React.createElement(Icon, { style: styles.icon, name: iconName })),
+                React.createElement(ColumnsItem, null,
+                    title && React.createElement(Title, null, title),
+                    description && (React.createElement(React.Fragment, null,
+                        React.createElement(Spacer, { size: SpacerSize.SMALL }),
+                        React.createElement(Text, { level: TextLevels.THREE }, description)))),
+                closable && (React.createElement(ColumnsItem, { size: 1 },
+                    React.createElement(TouchableOpacity, { onPress: (e) => {
+                            LibToast.hide();
+                            closable(e);
+                        } },
+                        React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL }))))))));
+};
+/**
+ * Toaster provider
+ * @param children {React.ReactNode} Custom Toast Content
+ * @param duration {number} Duration in MS (Default: 5000)
+ * @param offset {number} Offset position margin (Default: 10 dp)
+ * @param others
+ */
+const ToasterProvider = ({ children }) => {
+    const toastConfig = {
+        tomatoToast: Toaster,
+    };
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: LibToast.hide } },
+        children,
+        React.createElement(LibToast, { config: toastConfig })));
+};
+ToasterProvider.displayName = ComponentName.ToasterProvider;
+export default ToasterProvider;
+//# sourceMappingURL=Toaster.native.js.map

package/lib/components/toaster/Toaster.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.native.js","sourceRoot":"","sources":["../../../components/toaster/Toaster.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/toaster/ToasterEnum.d.ts

@@ -0,0 +1 @@
+export declare const getInfoColorStyle: (InfoColor?: string) => string;

package/lib/components/toaster/ToasterEnum.js

@@ -0,0 +1,16 @@
+import { getColorStyle } from "../../objects/facets";
+export const getInfoColorStyle = (InfoColor) => {
+    switch (InfoColor) {
+        case "SUCCESS":
+            return getColorStyle("SUCCESS", 1);
+        case "INFO":
+            return getColorStyle("INFO", 1);
+        case "WARNING":
+            return getColorStyle("WARNING", 1);
+        case "ERROR":
+            return getColorStyle("ERROR", 1);
+        default:
+            return "";
+    }
+};
+//# sourceMappingURL=ToasterEnum.js.map

package/lib/components/toaster/ToasterEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterEnum.js","sourceRoot":"","sources":["../../../components/toaster/ToasterEnum.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACjC,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;QACpC,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QAClC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

package/lib/components/toaster/ToasterProps.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Clickable, AlertProps, Accessibility } from '../../objects';
+import { ClickEvent } from '../../events/OnClickEvent';
+import { IconName, IconNameValues } from '../../components/icon';
+export declare enum ToasterPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+/**
+ * Notification Interface
+ */
+export interface ToasterProps extends AlertProps, Clickable, Accessibility {
+    children?: React.ReactNode;
+    className?: string;
+    toasterChildren?: React.ReactNode;
+    iconName?: IconName | IconNameValues;
+    title?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    deletable?: ClickEvent | boolean;
+    closable?: ClickEvent;
+    position?: ToasterPosition;
+    duration?: number;
+    offset?: number;
+    display?: boolean;
+    onShow?: () => void;
+    onHide?: () => void;
+}

package/lib/components/toaster/ToasterProps.js

@@ -0,0 +1,6 @@
+export var ToasterPosition;
+(function (ToasterPosition) {
+    ToasterPosition["TOP"] = "top";
+    ToasterPosition["BOTTOM"] = "bottom";
+})(ToasterPosition || (ToasterPosition = {}));
+//# sourceMappingURL=ToasterProps.js.map

package/lib/components/toaster/ToasterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterProps.js","sourceRoot":"","sources":["../../../components/toaster/ToasterProps.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

package/lib/components/toaster/context/ToasterContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { ToasterShowContext } from "./ToasterContextProps";
+declare const ToasterContext: React.Context<{
+    show: ToasterShowContext;
+    hide: () => void;
+}>;
+export default ToasterContext;

package/lib/components/toaster/context/ToasterContext.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const emptyFn = () => 0;
+const ToasterContext = React.createContext({
+    show: emptyFn,
+    hide: emptyFn,
+});
+export default ToasterContext;
+//# sourceMappingURL=ToasterContext.js.map

package/lib/components/toaster/context/ToasterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterContext.js","sourceRoot":"","sources":["../../../../components/toaster/context/ToasterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,CAAA;AAEvB,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAGvC;IACD,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;CACd,CAAC,CAAA;AAEF,eAAe,cAAc,CAAA"}

package/lib/components/toaster/context/ToasterContextProps.d.ts

@@ -0,0 +1,27 @@
+import { Accessibility, AlertProps } from '../../../objects';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { ToasterPosition } from '../../../components/toaster/ToasterProps';
+/**
+ * @param title {string} Notification title content
+ * @param description {string|ReactNode} Notification description content
+ * @param iconName {IconName} Custom icon
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param onClick {Function} onClick Event for all notification
+ * @param closable {Function} onClick Event on cross icon
+ * @param onHide {Function} onClick Event on hide
+ */
+export interface ToastProps extends AlertProps, Accessibility {
+    title: string;
+    description?: string;
+    iconName?: IconName | IconNameValues;
+    onClick?: () => void;
+    closable?: () => void;
+    onHide?: () => void;
+}
+interface ToastConfig {
+    position?: ToasterPosition;
+    duration?: number;
+    offset?: number;
+}
+export type ToasterShowContext = (params: ToastConfig & ToastProps) => void;
+export {};

package/lib/components/toaster/context/ToasterContextProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ToasterContextProps.js.map

package/lib/components/toaster/context/ToasterContextProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToasterContextProps.js","sourceRoot":"","sources":["../../../../components/toaster/context/ToasterContextProps.ts"],"names":[],"mappings":""}

package/lib/components/toaster/context/index.d.ts

@@ -0,0 +1,2 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;

package/lib/components/toaster/context/index.js

@@ -0,0 +1,3 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;
+//# sourceMappingURL=index.js.map

package/lib/components/toaster/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/toaster/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,3 @@
+import ToasterProvider from './Toaster';
+import ToasterContext from './context';
+export { ToasterProvider, ToasterContext };

package/lib/components/toaster/index.js

@@ -0,0 +1,4 @@
+import ToasterProvider from './Toaster';
+import ToasterContext from './context';
+export { ToasterProvider, ToasterContext };
+//# sourceMappingURL=index.js.map

package/lib/components/toaster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/toaster/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,WAAW,CAAA;AACvC,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}

package/lib/components/view/View.d.ts

@@ -6,7 +6,7 @@ import { ViewProps } from "./ViewProps";
  * @param flexable {boolean} Flexable view
  * @param style {CSSProperties} View custom style
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
+ * @param color {TrilogyColor} View backgroud color
  * @param backgroundSrc {string} View backgroud image source
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
@@ -19,5 +19,5 @@ import { ViewProps } from "./ViewProps";
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-declare const View: ({ children, style, className, loading, onClick, backgroundColor, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
+declare const View: ({ children, style, className, loading, onClick, background, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
 export default View;

package/lib/components/view/View.js

@@ -11,7 +11,7 @@ import { useTrilogyContext } from "../../context";
  * @param flexable {boolean} Flexable view
  * @param style {CSSProperties} View custom style
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
+ * @param color {TrilogyColor} View backgroud color
  * @param backgroundSrc {string} View backgroud image source
  * @param id {string} Id for Web / TestID for Native
  * @param fullwidth {boolean} true by default
@@ -24,7 +24,7 @@ import { useTrilogyContext } from "../../context";
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-const View = ({ children, style, className, loading, onClick, backgroundColor, backgroundSrc, inverted, fullwidth = true, markup, flexable, justify, align, ...others }) => {
+const View = ({ children, style, className, loading, onClick, background, backgroundSrc, inverted, fullwidth = true, markup, flexable, justify, align, ...others }) => {
     const { styled } = useTrilogyContext();
     const isCorrectMarkup = (stringMarkup) => {
         if (stringMarkup in ViewMarkup ||
@@ -32,7 +32,7 @@ const View = ({ children, style, className, loading, onClick, backgroundColor, b
             return true;
     };
     const Tag = markup && isCorrectMarkup(markup) ? markup : "div";
-    const classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
+    const classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
     return (React.createElement(Tag, { onClick: onClick, style: style, className: classes, ...(backgroundSrc && {
             style: {
                 backgroundImage: `url(${backgroundSrc})`,

package/lib/components/view/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAAE,sBAAsB,GAC1C,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,eAAe,EACf,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IACE,YAAY,IAAI,UAAU;YAC1B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAE9D,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,aAAa,GAAG;gBACxC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,KAAK;aAC1B;SACF,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAAE,sBAAsB,GAC1C,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IACE,YAAY,IAAI,UAAU;YAC1B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAE9D,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,aAAa,GAAG;gBACxC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,KAAK;aAC1B;SACF,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}