@vitality-ds/components 4.0.0-alpha.0

package/dist/components/src/ThemeProvider/hooks/useTheme.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var constants_1 = require("../constants");
+var logic_1 = require("../logic");
+var useTheme = function (themeOverride) {
+    var _a = (0, react_1.useState)(constants_1.DEFAULT_THEME_CONTEXT_VALUE.theme), theme = _a[0], setTheme = _a[1];
+    var htmlElement = typeof document !== "undefined" && (document === null || document === void 0 ? void 0 : document.documentElement);
+    if (!htmlElement) {
+        return constants_1.DEFAULT_THEME_CONTEXT_VALUE;
+    }
+    // Set initial state
+    (0, react_1.useEffect)(function () {
+        (0, logic_1.handleSetInitialState)(htmlElement, setTheme, constants_1.DEFAULT_THEME_CONTEXT_VALUE.theme, themeOverride);
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (!themeOverride) {
+            (0, logic_1.setMediaListeners)({
+                htmlElement: htmlElement,
+                onChange: setTheme,
+            });
+        }
+    }, [setTheme]);
+    var cycleTheme = (0, react_1.useCallback)(function () {
+        (0, logic_1.handleCycleTheme)(htmlElement, theme, setTheme);
+    }, [theme, setTheme]);
+    return {
+        theme: theme,
+        cycleTheme: cycleTheme,
+    };
+};
+exports.default = useTheme;
+//# sourceMappingURL=useTheme.js.map

package/dist/components/src/ThemeProvider/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../../../src/ThemeProvider/hooks/useTheme.ts"],"names":[],"mappings":";;AAAA,+BAAyD;AAEzD,0CAA2D;AAC3D,kCAIkB;AAGlB,IAAM,QAAQ,GAAG,UAAC,aAAoB;IAC9B,IAAA,KAAoB,IAAA,gBAAQ,EAAC,uCAA2B,CAAC,KAAK,CAAC,EAA9D,KAAK,QAAA,EAAE,QAAQ,QAA+C,CAAC;IACtE,IAAM,WAAW,GACf,OAAO,QAAQ,KAAK,WAAW,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAA,CAAC;IAE/D,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,uCAA2B,CAAC;KACpC;IAED,oBAAoB;IACpB,IAAA,iBAAS,EAAC;QACR,IAAA,6BAAqB,EACnB,WAAW,EACX,QAAQ,EACR,uCAA2B,CAAC,KAAK,EACjC,aAAa,CACd,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,aAAa,EAAE;YAClB,IAAA,yBAAiB,EAAC;gBAChB,WAAW,aAAA;gBACX,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,IAAA,wBAAgB,EAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO;QACL,KAAK,OAAA;QACL,UAAU,YAAA;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/src/ThemeProvider/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ThemeProviderProps, UseTheme } from "./types";
+declare const ThemeContext: React.Context<UseTheme>;
+declare function ThemeProvider({ children, config }: ThemeProviderProps): JSX.Element;
+export { ThemeProvider, ThemeContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/src/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,YAAY,yBAGhB,CAAC;AAEH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAS5E;AAED,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/src/ThemeProvider/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = exports.ThemeProvider = void 0;
+var react_1 = __importStar(require("react"));
+var useTheme_1 = __importDefault(require("./hooks/useTheme"));
+var ThemeContext = (0, react_1.createContext)({
+    theme: "light",
+    cycleTheme: function () { return null; },
+});
+exports.ThemeContext = ThemeContext;
+function ThemeProvider(_a) {
+    var children = _a.children, config = _a.config;
+    var themeOverride = (config || {}).themeOverride;
+    var themeContextValue = (0, useTheme_1.default)(themeOverride);
+    return (react_1.default.createElement(ThemeContext.Provider, { value: themeContextValue }, children));
+}
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=index.js.map

package/dist/components/src/ThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ThemeProvider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAE7C,8DAAwC;AAGxC,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAW;IAC3C,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACvB,CAAC,CAAC;AAaqB,oCAAY;AAXpC,SAAS,aAAa,CAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC/B,IAAA,aAAa,GAAK,CAAA,MAAM,IAAI,EAAE,CAAA,cAAjB,CAAkB;IACvC,IAAM,iBAAiB,GAAG,IAAA,kBAAQ,EAAC,aAAa,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,IAC5C,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC;AAEQ,sCAAa"}

package/dist/components/src/ThemeProvider/logic.d.ts

@@ -0,0 +1,5 @@
+import { MediaListener } from "./types";
+export declare const setMediaListeners: ({ htmlElement, onChange }: MediaListener) => void;
+export declare const handleCycleTheme: (htmlElement: any, theme: any, setTheme: any) => void;
+export declare const handleSetInitialState: (htmlElement: any, setTheme: any, defaultTheme: any, themeOverride: any) => void;
+//# sourceMappingURL=logic.d.ts.map

package/dist/components/src/ThemeProvider/logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../../../src/ThemeProvider/logic.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,aAAa,EAAqB,MAAM,SAAS,CAAC;AA8CzE,eAAO,MAAM,iBAAiB,8BAA+B,aAAa,SAyBzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,uDAW5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,kFAgBjC,CAAC"}

package/dist/components/src/ThemeProvider/logic.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleSetInitialState = exports.handleCycleTheme = exports.setMediaListeners = void 0;
+var system_1 = require("@vitality-ds/system");
+var setSavedTheme = function (newMode) {
+    try {
+        if (typeof newMode === "string")
+            window.localStorage.setItem("vitality-app-theme", newMode);
+    }
+    catch (e) {
+        // eslint-disable-next-line no-console
+        console.warn(e);
+    }
+};
+var getSavedTheme = function () {
+    try {
+        var savedMode = window.localStorage.getItem("vitality-app-theme");
+        // If the user has explicitly chosen a theme,
+        // let's use it. Otherwise, this value will be null.
+        if (typeof savedMode === "string")
+            return savedMode;
+    }
+    catch (e) {
+        // When Chrome in incognito, localStorage cannot be accessed
+        // eslint-disable-next-line no-console
+        console.warn(e);
+        return null;
+    }
+    return null;
+};
+var getMediaTheme = function (defaultTheme) {
+    // If they haven't been explicitly set, let's check the media query
+    var mql = matchMedia("(prefers-color-scheme: dark)");
+    var hasMediaQueryPreference = typeof mql.matches === "boolean";
+    if (hasMediaQueryPreference)
+        return mql.matches ? "dark" : "light";
+    return defaultTheme;
+};
+// Set theme on the html tag
+var setClassName = function (_a) {
+    var _b;
+    var htmlElement = _a.htmlElement, newTheme = _a.newTheme;
+    (_b = htmlElement.classList).remove.apply(_b, Object.values(system_1.AVAILABLE_THEMES));
+    htmlElement.classList.add(system_1.AVAILABLE_THEMES[newTheme]);
+};
+var getNextClampedIndex = function (list, currentIndex) {
+    return (currentIndex + 1) % list.length;
+};
+var setMediaListeners = function (_a) {
+    var htmlElement = _a.htmlElement, onChange = _a.onChange;
+    // Listen out for if a user changes operating system mode,
+    // but don't save the change in local storage.
+    // The only two options here are dark or light.
+    window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", function (e) {
+        var newTheme = e.matches ? "dark" : "light";
+        setClassName({
+            htmlElement: htmlElement,
+            newTheme: newTheme,
+        });
+        onChange(newTheme);
+    });
+    window
+        .matchMedia("(prefers-color-scheme: light)")
+        .addEventListener("change", function (e) {
+        var newTheme = e.matches ? "light" : "dark";
+        setClassName({
+            htmlElement: htmlElement,
+            newTheme: newTheme,
+        });
+        onChange(newTheme);
+    });
+};
+exports.setMediaListeners = setMediaListeners;
+var handleCycleTheme = function (htmlElement, theme, setTheme) {
+    var keys = Object.keys(system_1.AVAILABLE_THEMES);
+    var newIndex = getNextClampedIndex(keys, keys.indexOf(theme));
+    var newTheme = keys[newIndex];
+    setClassName({
+        htmlElement: htmlElement,
+        newTheme: newTheme,
+    });
+    setTheme(newTheme);
+    setSavedTheme(newTheme);
+};
+exports.handleCycleTheme = handleCycleTheme;
+var handleSetInitialState = function (htmlElement, setTheme, defaultTheme, themeOverride) {
+    var savedTheme;
+    if (themeOverride) {
+        savedTheme = themeOverride;
+    }
+    else {
+        // If no localStorage exists, use the user's OS setting
+        savedTheme = getSavedTheme() || getMediaTheme(defaultTheme);
+    }
+    htmlElement.classList.add(system_1.AVAILABLE_THEMES[savedTheme]);
+    setTheme(savedTheme);
+};
+exports.handleSetInitialState = handleSetInitialState;
+//# sourceMappingURL=logic.js.map

package/dist/components/src/ThemeProvider/logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.js","sourceRoot":"","sources":["../../../../src/ThemeProvider/logic.ts"],"names":[],"mappings":";;;AAAA,8CAAuD;AAIvD,IAAM,aAAa,GAAG,UAAC,OAAc;IACnC,IAAI;QACF,IAAI,OAAO,OAAO,KAAK,QAAQ;YAC7B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;KAC9D;IAAC,OAAO,CAAC,EAAE;QACV,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACjB;AACH,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG;IACpB,IAAI;QACF,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAC3C,oBAAoB,CACZ,CAAC;QACX,6CAA6C;QAC7C,oDAAoD;QACpD,IAAI,OAAO,SAAS,KAAK,QAAQ;YAAE,OAAO,SAAS,CAAC;KACrD;IAAC,OAAO,CAAC,EAAE;QACV,4DAA4D;QAC5D,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,YAAwB;IAC7C,mEAAmE;IACnE,IAAM,GAAG,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACvD,IAAM,uBAAuB,GAAG,OAAO,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC;IACjE,IAAI,uBAAuB;QAAE,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACnE,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,4BAA4B;AAC5B,IAAM,YAAY,GAAG,UAAC,EAAuC;;QAArC,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC3C,CAAA,KAAA,WAAW,CAAC,SAAS,CAAA,CAAC,MAAM,WAAI,MAAM,CAAC,MAAM,CAAC,yBAAgB,CAAC,EAAE;IACjE,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,IAAI,EAAE,YAAY;IAC7C,OAAA,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;AAAhC,CAAgC,CAAC;AAE5B,IAAM,iBAAiB,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA,EAAE,QAAQ,cAAA;IACvD,0DAA0D;IAC1D,8CAA8C;IAC9C,+CAA+C;IAC/C,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;SAC1C,gBAAgB,CAAC,QAAQ,EAAE,UAAC,CAAC;QAC5B,IAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9C,YAAY,CAAC;YACX,WAAW,aAAA;YACX,QAAQ,UAAA;SACT,CAAC,CAAC;QACH,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEL,MAAM;SACH,UAAU,CAAC,+BAA+B,CAAC;SAC3C,gBAAgB,CAAC,QAAQ,EAAE,UAAC,CAAC;QAC5B,IAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9C,YAAY,CAAC;YACX,WAAW,aAAA;YACX,QAAQ,UAAA;SACT,CAAC,CAAC;QACH,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B;AAEK,IAAM,gBAAgB,GAAG,UAAC,WAAW,EAAE,KAAK,EAAE,QAAQ;IAC3D,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,yBAAgB,CAAiB,CAAC;IAC3D,IAAM,QAAQ,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,YAAY,CAAC;QACX,WAAW,aAAA;QACX,QAAQ,UAAA;KACT,CAAC,CAAC;IAEH,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnB,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC1B,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B;AAEK,IAAM,qBAAqB,GAAG,UACnC,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa;IAEb,IAAI,UAAU,CAAC;IACf,IAAI,aAAa,EAAE;QACjB,UAAU,GAAG,aAAa,CAAC;KAC5B;SAAM;QACL,uDAAuD;QACvD,UAAU,GAAG,aAAa,EAAE,IAAI,aAAa,CAAC,YAAY,CAAC,CAAC;KAC7D;IACD,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAExD,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvB,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC"}

package/dist/components/src/ThemeProvider/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare type Theme = "light" | "dark" | null;
+export declare type MediaTheme = "light" | "dark";
+export declare type UseTheme = {
+    theme: MediaTheme;
+    cycleTheme: () => void;
+};
+export declare type AppliedTheme = {
+    htmlElement: Element;
+    newTheme: MediaTheme;
+    cb?: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare type MediaListener = {
+    htmlElement: Element;
+    onChange: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare type ThemeProviderProps = {
+    children?: JSX.Element;
+    config?: {
+        themeOverride?: MediaTheme;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/src/ThemeProvider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ThemeProvider/types.ts"],"names":[],"mappings":";AAAA,oBAAY,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE5C,oBAAY,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACnD,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxD,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,aAAa,CAAC,EAAE,UAAU,CAAC;KAC5B,CAAC;CACH,CAAC"}

package/dist/components/src/ThemeProvider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/src/ThemeProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ThemeProvider/types.ts"],"names":[],"mappings":""}

package/dist/components/src/Toaster/ToastProvider/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ToastProviderProps } from "./types";
+declare const ToastContext: React.Context<any>;
+declare function ToastProvider({ toastType, children, }: ToastProviderProps): JSX.Element;
+export { ToastProvider, ToastContext };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/src/Toaster/ToastProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Toaster/ToastProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,QAAA,MAAM,YAAY,oBAAsB,CAAC;AAEzC,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAIlC;AAED,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/src/Toaster/ToastProvider/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastContext = exports.ToastProvider = void 0;
+var react_1 = __importStar(require("react"));
+// we explicitly don't provide a fallback default as toast type must be provided
+var ToastContext = (0, react_1.createContext)(null);
+exports.ToastContext = ToastContext;
+function ToastProvider(_a) {
+    var toastType = _a.toastType, children = _a.children;
+    return (react_1.default.createElement(ToastContext.Provider, { value: toastType }, children));
+}
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=index.js.map

package/dist/components/src/Toaster/ToastProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Toaster/ToastProvider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAI7C,gFAAgF;AAChF,IAAM,YAAY,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;AAWjB,oCAAY;AATpC,SAAS,aAAa,CAAC,EAGF;QAFnB,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAyB,CAC5E,CAAC;AACJ,CAAC;AAEQ,sCAAa"}

package/dist/components/src/Toaster/ToastProvider/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import TOAST_TYPES from "../components/Toast/constants";
+export declare type ToastProviderProps = {
+    children: JSX.Element;
+    /**
+     * Determines the appearance of the toast for the type of message e.g. ✅ success, ❌ error
+     */
+    toastType: keyof typeof TOAST_TYPES;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/src/Toaster/ToastProvider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Toaster/ToastProvider/types.ts"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,EAAE,MAAM,OAAO,WAAW,CAAC;CACrC,CAAC"}

package/dist/components/src/Toaster/ToastProvider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/src/Toaster/ToastProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Toaster/ToastProvider/types.ts"],"names":[],"mappings":""}

package/dist/components/src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.d.ts

@@ -0,0 +1,3 @@
+declare const useContainerAnimations: (toast: any, getContainerAnimationStyles: any, getToastAnimationStyles: any) => any[];
+export default useContainerAnimations;
+//# sourceMappingURL=useContainerAnimations.d.ts.map

package/dist/components/src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerAnimations.d.ts","sourceRoot":"","sources":["../../../../../../../src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,sBAAsB,uFAkB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useContainerAnimations = function (toast, getContainerAnimationStyles, getToastAnimationStyles) {
+    var ref = (0, react_1.useRef)(null);
+    var height = ref.current ? ref.current.offsetHeight : 72;
+    var containerStyles = (0, react_1.useMemo)(function () { return getContainerAnimationStyles(toast.state, height); }, [toast.state, height]);
+    var toastStyles = (0, react_1.useMemo)(function () { return getToastAnimationStyles(toast.state); }, [toast.state]);
+    return [containerStyles, toastStyles, ref];
+};
+exports.default = useContainerAnimations;
+//# sourceMappingURL=useContainerAnimations.js.map

package/dist/components/src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerAnimations.js","sourceRoot":"","sources":["../../../../../../../src/Toaster/components/AnimatedToast/hooks/useContainerAnimations.ts"],"names":[],"mappings":";;AAAA,+BAAwC;AAExC,IAAM,sBAAsB,GAAG,UAC7B,KAAK,EACL,2BAA2B,EAC3B,uBAAuB;IAEvB,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACzB,IAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3D,IAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,cAAM,OAAA,2BAA2B,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,EAAhD,CAAgD,EACtD,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CACtB,CAAC;IACF,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,uBAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,EAApC,CAAoC,EAC1C,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IAEF,OAAO,CAAC,eAAe,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AnimatedToastProps } from "./types";
+declare function AnimatedToast({ toast, setHover, removeToast }: AnimatedToastProps): JSX.Element;
+export default AnimatedToast;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/src/Toaster/components/AnimatedToast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,kBAAkB,eAiC1E;AAED,eAAe,aAAa,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ToastProvider_1 = require("../../ToastProvider");
+var Toast_1 = __importDefault(require("../Toast"));
+var useContainerAnimations_1 = __importDefault(require("./hooks/useContainerAnimations"));
+var logic_1 = require("./logic");
+function AnimatedToast(_a) {
+    var toast = _a.toast, setHover = _a.setHover, removeToast = _a.removeToast;
+    var id = toast.id, type = toast.type, title = toast.title, message = toast.message, hideIcon = toast.options.hideIcon;
+    var _b = (0, useContainerAnimations_1.default)(toast, logic_1.getContainerAnimationStyles, logic_1.getToastAnimationStyles), containerStyles = _b[0], toastStyles = _b[1], toastRef = _b[2];
+    var onClose = (0, react_1.useCallback)(function () { return removeToast(id); }, [id, removeToast]);
+    return (react_1.default.createElement(ToastProvider_1.ToastProvider, { toastType: type },
+        react_1.default.createElement("div", { onMouseEnter: function () { return setHover(id, true); }, onMouseLeave: function () { return setHover(id, false); }, style: containerStyles },
+            react_1.default.createElement("div", { ref: toastRef, style: toastStyles },
+                react_1.default.createElement(Toast_1.default, { title: title, message: message, hideIcon: hideIcon, onClose: onClose })))));
+}
+exports.default = AnimatedToast;
+//# sourceMappingURL=index.js.map

package/dist/components/src/Toaster/components/AnimatedToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAE3C,qDAAoD;AACpD,mDAA6B;AAC7B,0FAAoE;AACpE,iCAA+E;AAG/E,SAAS,aAAa,CAAC,EAAoD;QAAlD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IAEjD,IAAA,EAAE,GAKA,KAAK,GALL,EACF,IAAI,GAIF,KAAK,KAJH,EACJ,KAAK,GAGH,KAAK,MAHF,EACL,OAAO,GAEL,KAAK,QAFA,EACI,QAAQ,GACjB,KAAK,iBADY,CACX;IACJ,IAAA,KAA2C,IAAA,gCAAsB,EACrE,KAAK,EACL,mCAA2B,EAC3B,+BAAuB,CACxB,EAJM,eAAe,QAAA,EAAE,WAAW,QAAA,EAAE,QAAQ,QAI5C,CAAC;IACF,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,WAAW,CAAC,EAAE,CAAC,EAAf,CAAe,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,6BAAa,IAAC,SAAS,EAAE,IAAI;QAC5B,uCACE,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EAAnB,CAAmB,EACvC,KAAK,EAAE,eAAe;YAEtB,uCAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW;gBACpC,8BAAC,eAAK,IACJ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACE,CACF,CACQ,CACjB,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/logic.d.ts

@@ -0,0 +1,12 @@
+export declare const getContainerAnimationStyles: (toastState: any, height?: number) => {
+    maxHeight: string | number;
+    paddingTop: string | number;
+    transition: string;
+    position: string;
+    zIndex: number;
+};
+export declare const getToastAnimationStyles: (toastState: any) => {
+    transform: string;
+    transition: string;
+};
+//# sourceMappingURL=logic.d.ts.map

package/dist/components/src/Toaster/components/AnimatedToast/logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/logic.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B;;;;;;CAMtC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;CAKlC,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/logic.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToastAnimationStyles = exports.getContainerAnimationStyles = void 0;
+var constants_1 = require("../../constants");
+var animationEasingFunction = "cubic-bezier(0.45, 0, 0.55, 1)";
+var getContainerAnimationStyles = function (toastState, height) {
+    if (height === void 0) { height = 76; }
+    return ({
+        maxHeight: toastState > constants_1.TOAST_STATES.display ? 0 : height + 8 + "px",
+        paddingTop: toastState > constants_1.TOAST_STATES.display ? 0 : "8px",
+        transition: "all 0.3s " + animationEasingFunction,
+        position: "relative",
+        zIndex: toastState > constants_1.TOAST_STATES.display ? 1 : 10,
+    });
+};
+exports.getContainerAnimationStyles = getContainerAnimationStyles;
+var getToastAnimationStyles = function (toastState) { return ({
+    transform: "translate(" + (toastState > constants_1.TOAST_STATES.pending ? "-10px" : "500px") + ", " + (toastState <= constants_1.TOAST_STATES.display ? "0px" : "-500px") + ")",
+    transition: "transform " + constants_1.TIME_ENTER / 1000 + "s " + animationEasingFunction,
+}); };
+exports.getToastAnimationStyles = getToastAnimationStyles;
+//# sourceMappingURL=logic.js.map

package/dist/components/src/Toaster/components/AnimatedToast/logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic.js","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/logic.ts"],"names":[],"mappings":";;;AAAA,6CAA2D;AAE3D,IAAM,uBAAuB,GAAG,gCAAgC,CAAC;AAE1D,IAAM,2BAA2B,GAAG,UAAC,UAAU,EAAE,MAAW;IAAX,uBAAA,EAAA,WAAW;IAAK,OAAA,CAAC;QACvE,SAAS,EAAE,UAAU,GAAG,wBAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAI,MAAM,GAAG,CAAC,OAAI;QACpE,UAAU,EAAE,UAAU,GAAG,wBAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;QACzD,UAAU,EAAE,cAAY,uBAAyB;QACjD,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,UAAU,GAAG,wBAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;KACnD,CAAC;AANsE,CAMtE,CAAC;AANU,QAAA,2BAA2B,+BAMrC;AAEI,IAAM,uBAAuB,GAAG,UAAC,UAAU,IAAK,OAAA,CAAC;IACtD,SAAS,EAAE,gBACT,UAAU,GAAG,wBAAY,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,YAClD,UAAU,IAAI,wBAAY,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,OAAG;IAC7D,UAAU,EAAE,eAAa,sBAAU,GAAG,IAAI,UAAK,uBAAyB;CACzE,CAAC,EALqD,CAKrD,CAAC;AALU,QAAA,uBAAuB,2BAKjC"}

package/dist/components/src/Toaster/components/AnimatedToast/types.d.ts

@@ -0,0 +1,8 @@
+import { ExcludedProps } from "@vitality-ds/system";
+import { ToastIdType, ToastType } from "../../types";
+export declare type AnimatedToastProps = ExcludedProps & {
+    toast: ToastType;
+    setHover: (toastId: ToastIdType, isOver: boolean) => void;
+    removeToast: (toastId: ToastIdType) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/src/Toaster/components/AnimatedToast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C,CAAC"}

package/dist/components/src/Toaster/components/AnimatedToast/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/src/Toaster/components/AnimatedToast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/Toaster/components/AnimatedToast/types.ts"],"names":[],"mappings":""}

package/dist/components/src/Toaster/components/CloseIconButton/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CloseIconButtonProps } from "./types";
+declare function CloseIconButton({ onClose }: CloseIconButtonProps): JSX.Element;
+export default CloseIconButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/src/Toaster/components/CloseIconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Toaster/components/CloseIconButton/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,oBAAoB,eASzD;AAED,eAAe,eAAe,CAAC"}

package/dist/components/src/Toaster/components/CloseIconButton/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var icons_1 = require("@vitality-ds/icons");
+var react_1 = __importStar(require("react"));
+var Tooltip_1 = __importDefault(require("../../../Tooltip"));
+var ToastProvider_1 = require("../../ToastProvider");
+var styled_1 = require("./styled");
+function CloseIconButton(_a) {
+    var onClose = _a.onClose;
+    var type = (0, react_1.useContext)(ToastProvider_1.ToastContext);
+    return (react_1.default.createElement(Tooltip_1.default, { content: "Close" },
+        react_1.default.createElement(styled_1.BaseCloseIconButton, { type: type, onClick: onClose },
+            react_1.default.createElement(icons_1.Close, { size: "sm", color: "inherit" }))));
+}
+exports.default = CloseIconButton;
+//# sourceMappingURL=index.js.map

package/dist/components/src/Toaster/components/CloseIconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Toaster/components/CloseIconButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA2C;AAC3C,6CAA0C;AAE1C,6DAAuC;AACvC,qDAAmD;AACnD,mCAA+C;AAG/C,SAAS,eAAe,CAAC,EAAiC;QAA/B,OAAO,aAAA;IAChC,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAC;IACtC,OAAO,CACL,8BAAC,iBAAO,IAAC,OAAO,EAAC,OAAO;QACtB,8BAAC,4BAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC/C,8BAAC,aAAK,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,GAAG,CACf,CACd,CACX,CAAC;AACJ,CAAC;AAED,kBAAe,eAAe,CAAC"}