@edinelsonslima/toast-notification 0.1.37 → 0.1.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edinelsonslima/toast-notification",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "author": "@edinelsonslima",
   "type": "module",
   "license": "MIT",
@@ -12,24 +12,26 @@
     "url": "https://github.com/edinelsonslima/toast-notification/issues"
   },
   "homepage": "https://github.com/edinelsonslima/toast-notification#readme",
-  "main": "dist/index.umd.js",
-  "module": "dist/index.umd.js",
-  "browser": "dist/index.umd.js",
-  "types": "dist/index.d.ts",
+  "main": "index.umd.js",
+  "module": "index.umd.js",
+  "browser": "index.umd.js",
+  "types": "index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.umd.js",
-      "require": "./dist/index.umd.js",
-      "browser": "./dist/index.umd.js"
+      "types": "./index.d.ts",
+      "import": "./index.umd.js",
+      "require": "./index.umd.js",
+      "browser": "./index.umd.js"
     },
-    "./dist/style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+    "./style.css": {
+      "import": "./style.css",
+      "require": "./style.css"
     }
   },
   "files": [
-    "dist"
+    "index.d.ts",
+    "index.umd.js",
+    "style.css"
   ],
   "keywords": [
     "toast",
@@ -40,12 +42,5 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "prepublish": "yarn lint && yarn build",
-    "preview": "vite preview"
   }
 }

package/README.md

@@ -1,115 +0,0 @@
-<h1 align="center">Toast Notifications</h1>
-
-<div align="center">
-  <image src="https://github.com/edinelsonslima/lp-toast-notification/blob/main/lp.gif"/>
-</div>
-
-## 👀 Links
-- 🔗 [Apresentação do toast notification](https://edinelsonslima.github.io/lp-toast-notification/)
-- 🔗 [NPM](https://www.npmjs.com/package/@edinelsonslima/toast-notification)
-
-## ⤵️ Instalando
-Adicionar com **yarn**
-```
-yarn add @edinelsonslima/toast-notification
-```
-Adicionar com **npm**
-```
-npm install @edinelsonslima/toast-notification
-```
-
-## 👨🏻‍💻 Modo de usar
-- Adicione o componente `<ToastContainer/>` em algum lugar da sua aplicação;
-- Importe os estilos css de `import '@edinelsonslima/toast-notification/dist/style.css'`;
-
-```tsx
-import { ToastContainer } from '@edinelsonslima/toast-notification';
-import '@edinelsonslima/toast-notification/dist/style.css';
-
-export default function App(){
-  //seu código
-
-  return (
-    <>
-      <ToastContainer />
-    </>
-  )
-}
-```
-
-- Disparando os toast com a função `toast` de dentro do `@edinelsonslima/toast-notification`
-
-```tsx
-import { toast } from '@edinelsonslima/toast-notification';
-
-export default function MyComponent(){
-  //seu código
-
-  const exampleToast = () => {
-    toast.success({ content: "Mensagem de exemplo" })
-  }
-
-  return (
-    //seu código
-  )
-}
-```
-
-## 🧐 Informações adicionais
-
-
-#### O que é disponível com o pacote
-| função             | propriedades                                               |
-|--------------------|------------------------------------------------------------|
-| ToastContainer     | `classNames` `position` `defaultDuration`                  |
-| toast              | `content` `type` `duration`                                |
-| style              | `/dist/style.css`                                          |
-
-#### As propriedades da função toast
-|propriedade         | toast                                                      |
-|--------------------|----------------------------------------------------------- |
-| content            | A conteúdo que aparecerá dentro do toast                   |
-| type               | Define o tipo de toast que é para aparecer                 |
-| duration           | O tempo que o toast irá permanecer em tela                 |
-
-#### As propriedades do componente ToastContainer
-|propriedade         | ToastContainer                                             |
-|--------------------|----------------------------------------------------------- |
-| classNames         | Um objeto de **chave:valor** onde a chave é o tipo de toast e o valor pode ser uma string (classNames) ou um objeto (CSSProperties)           |
-| position           | Define em qual parte da tela irá aparecer a toast notification, existe valores predefinidos                                         |
-| defaultDuration    | Define tempo padrão de duração de todas as toast           |
-
-#### Mais detalhes sobre as propriedades
-| propriedade     |tipo     | é obrigatório   | padrão      |
-|-----------------|---------|-----------------|-------------|
-| content         |ReactNode| sim             |     -       |
-| type            |string   | sim             |     -       |
-| duration        |number   | não             | 7_0000      |
-| defaultDuration |number   | não             |     -       |
-| classNames      |object   | não             | undefined   |
-| position        |string   | não             | right-top   |
-
-ℹ️ O `duration` e `defaultDuration` estão em ms (milissegundos)
-
-ℹ️ A função `toast` pode ser chamada de algumas formas, veja os exemplos a seguir:
-
-caso seja chamada direta, será obrigatório informa o **type**
-```ts
-toast({ content: "mensagem exemplo", type: "info", duration: 1000 * 4 })
-```
-ou pode acessar o tipo do toast diretamente, assim omitindo ele do objeto enviado
-```ts
-toast.info({ content: "mensagem exemplo", durantino: 1000 * 4 })
-```
-```ts
-toast.info('mensagem exemplo')
-```
-```tsx
-toast.info(<strong>mensagem exemplo</strong>)
-```
-```tsx
-toast.info(<MeuComponente>mensagem exemplo</MeuComponente>)
-```
-
-
-