@axos-web-dev/shared-components 1.0.99-feature-toasts.4 → 1.0.99-leadpriority

package/dist/assets/IconBillboard/IconBillboard.css

@@ -1,10 +1,6 @@
 ._1r4ovbu0 {
   padding: 32px 24px;
 }
-.xtgeqb0 ._1r4ovbu0 {
-  width: 100%;
-  padding: 12px 16px;
-}
 ._1r4ovbu1 {
   background: var(--_1073cm81);
   border: 1px solid #D4D4D4;
@@ -25,11 +21,6 @@
 ._1r4ovbu5 {
   gap: 16px;
 }
-.xtgeqb0 ._1r4ovbu5 {
-  gap: 8px;
-  flex-direction: row;
-  align-items: flex-start;
-}
 ._1r4ovbu6 {
   flex-direction: row;
 }
@@ -38,11 +29,6 @@
   height: 48px;
   width: 48px;
 }
-.xtgeqb0 ._1r4ovbu7 {
-  max-width: 38px;
-  height: 38px;
-  width: 38px;
-}
 ._1r4ovbu8 {
   display: flex;
   flex-direction: column;
@@ -50,26 +36,15 @@
   font-family: var(--main-font-family);
   width: 100%;
 }
-.xtgeqb0 ._1r4ovbu8 {
-  align-self: center;
-}
 ._1r4ovbu9 {
   display: flex;
   flex-direction: column;
   gap: 8px;
   text-align: center;
 }
-.xtgeqb0 ._1r4ovbu9 {
-  gap: 2px;
-  text-align: left;
-}
 ._1r4ovbua {
   font: 600 28px/1.29 var(--header-font-family);
 }
-.xtgeqb0 ._1r4ovbua {
-  font-size: 21px;
-  line-height: 1.15;
-}
 ._1073cm80 ._1r4ovbub {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
@@ -193,14 +168,6 @@ main > div:nth-last-child(2) > ._1r4ovbu0 {
 ._1r4ovbuu:hover ._1r4ovbuh a {
   text-decoration: underline;
 }
-@media screen and (max-width: 450px) {
-  .xtgeqb0 ._1r4ovbu7 {
-    display: none;
-  }
-  .xtgeqb0 ._1r4ovbua {
-    font-size: 18px;
-  }
-}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;

package/package.json

@@ -1,133 +1,133 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.99-feature-toasts.4",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.99-leadpriority",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}

package/dist/ImageToast/ImageToast.css.d.ts

@@ -1,5 +0,0 @@
-export declare const toast_section: string;
-export declare const bottom_left: string;
-export declare const bottom_right: string;
-export declare const top_left: string;
-export declare const top_right: string;

package/dist/ImageToast/ImageToast.css.js

@@ -1,13 +0,0 @@
-import '../assets/ImageToast/ImageToast.css';/* empty css                              */
-var toast_section = "xtgeqb0";
-var bottom_left = "xtgeqb1";
-var bottom_right = "xtgeqb2";
-var top_left = "xtgeqb3";
-var top_right = "xtgeqb4";
-export {
-  bottom_left,
-  bottom_right,
-  toast_section,
-  top_left,
-  top_right
-};

package/dist/ImageToast/index.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
-
-export declare const ImageToast: ({ id, icon, headline, bodyCopy, variant, }: IconBillboardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ToastPosition: (alignment: string) => string;
-export declare const ToastWrapper: ({ children, alignment, }: {
-    children: ReactNode;
-    alignment: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageToast/index.js

@@ -1,183 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-import { IconBillboard } from "../IconBillboard/IconBillboard.js";
-import "../IconBillboard/IconBillboard.css.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
-/* empty css                                    */
-/* empty css                                                    */
-/* empty css                                                */
-import "../utils/allowedAxosDomains.js";
-import { getVariant } from "../utils/getVariant.js";
-import "clsx";
-/* empty css                                          */
-/* empty css                                          */
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "react";
-import "../Article/Article.css.js";
-import "../Interstitial/Interstitial-variants.css.js";
-import "../Chevron/Chevron.css.js";
-/* empty css                                */
-import "../Modal/contextApi/store.js";
-import "../Button/Button.css.js";
-import "react-use";
-import "../ArticlesSet/ArticlesSet.css.js";
-import "../Calculators/calculator.css.js";
-import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../Table/Table.css.js";
-import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-import "../Input/Checkbox.js";
-import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
-import "../Input/Dropdown.css.js";
-import "../Input/Input.js";
-import "../Input/Input.css.js";
-import "../Input/InputAmount.js";
-import "../Input/InputPhone.js";
-import "../Input/InputTextArea.js";
-import "../Input/DownPaymentInput.js";
-import "../Input/RadioButton.js";
-import "../Input/PercentageInput.js";
-import "react-hook-form";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
-import "../Forms/SalesforceFieldsForm.js";
-import "../Input/RadioButton.css.js";
-import "../Input/Checkbox.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
-import "../Inputs/Input.css.js";
-/* empty css                                                         */
-import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                      */
-import "iframe-resizer";
-/* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                    */
-import "react-dom";
-/* empty css                                */
-import "../Auth/SignInPassword.js";
-/* empty css                                              */
-/* empty css                                          */
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                                    */
-import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
-import "../Tab/Tab.css.js";
-import "../icons/Star/Star.css.js";
-import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
-import "../ExecutiveBio/ExecutiveBio.css.js";
-import "../FaqAccordion/index.js";
-import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                          */
-/* empty css                                                         */
-/* empty css                                            */
-import "../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                              */
-/* empty css                                                      */
-/* empty css                                            */
-/* empty css                                    */
-import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                      */
-import "next/navigation.js";
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
-/* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
-/* empty css                                                      */
-/* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
-/* empty css                                                   */
-/* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
-import "../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                 */
-/* empty css                                          */
-/* empty css                                                    */
-/* empty css                                                  */
-import "../StepItem/StepItem.css.js";
-import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                        */
-/* empty css                                */
-/* empty css                                                  */
-/* empty css                                                */
-/* empty css                                              */
-import { bottom_left, bottom_right, top_right, top_left, toast_section } from "./ImageToast.css.js";
-const ImageToast = ({
-  id,
-  icon,
-  headline,
-  bodyCopy,
-  variant
-}) => {
-  return /* @__PURE__ */ jsx(
-    IconBillboard,
-    {
-      id,
-      icon,
-      headline,
-      body: bodyCopy,
-      variant: getVariant(variant)
-    }
-  );
-};
-const ToastPosition = (alignment) => {
-  switch (alignment) {
-    case "Top Left":
-      return top_left;
-    case "Top Right":
-      return top_right;
-    case "Bottom Left":
-      return bottom_left;
-    case "Bottom Right":
-      return bottom_right;
-    default:
-      return bottom_left;
-  }
-};
-const ToastWrapper = ({
-  children,
-  alignment
-}) => {
-  const positionClass = ToastPosition(alignment ?? bottom_left);
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: `${toast_section} ${positionClass}`,
-      role: "alert",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      initial: { opacity: 0, transform: "translate3d(10px,0,0) scale(0.6)" },
-      whileInView: { opacity: 1, transform: "translate3d(0,0,0) scale(1)" },
-      viewport: { once: true, amount: 0.8 },
-      children
-    }
-  );
-};
-export {
-  ImageToast,
-  ToastPosition,
-  ToastWrapper
-};

package/dist/assets/ImageToast/ImageToast.css

@@ -1,33 +0,0 @@
-.xtgeqb0 {
-  border-radius: 8px;
-  filter: drop-shadow(11px 11px 2px rgba(0,0,0,.2));
-  max-width: 80%;
-  position: absolute;
-  transition-delay: .5s;
-  transition-duration: 0.5s;
-  transition-property: opacity, transform;
-  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
-  width: auto;
-  will-change: opacity, transform;
-  z-index: 1;
-}
-.xtgeqb1 {
-  bottom: 13%;
-  left: 16px;
-}
-.xtgeqb2 {
-  bottom: 13%;
-  right: 16px;
-}
-.xtgeqb3 {
-  top: 13%;
-  left: 16px;
-}
-.xtgeqb4 {
-  top: 13%;
-  right: 16px;
-}
-.xtgeqb0 p {
-  font-size: 14px;
-  line-height: 1.5;
-}