From d282d24d5be35471c28e34d949560fed6e5e13bb Mon Sep 17 00:00:00 2001 From: Niels Hamelink Date: Fri, 3 Mar 2023 17:52:15 +0100 Subject: [PATCH 1/3] Added ?inline to inline css import --- package-lock.json | 4 ++-- package.json | 2 +- src/toast-provider.tsx | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index a875d8b..9b3ab07 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@scrumble-nl/react-quick-toaster", - "version": "1.2.4", + "version": "2.0.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@scrumble-nl/react-quick-toaster", - "version": "1.2.4", + "version": "2.0.1", "license": "ISC", "dependencies": { "framer-motion": "^7.5.1" diff --git a/package.json b/package.json index 13e7bda..2d8ab36 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@scrumble-nl/react-quick-toaster", - "version": "2.0.1", + "version": "2.1.0", "description": "A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.\n\n", "main": "lib/toaster.js", "types": "lib/toaster.d.ts", diff --git a/src/toast-provider.tsx b/src/toast-provider.tsx index f8beb48..7f6f556 100644 --- a/src/toast-provider.tsx +++ b/src/toast-provider.tsx @@ -2,7 +2,7 @@ import React from 'react'; import {ToastRenderer} from './toast-renderer'; -import './scss/toaster.css'; +import './scss/toaster.css?inline'; export type IdlessToast = { content: string; From 6b2dabeeaf33997b92c3d10913de52f77fd1cbb8 Mon Sep 17 00:00:00 2001 From: Niels Hamelink Date: Tue, 7 Mar 2023 11:16:54 +0100 Subject: [PATCH 2/3] Fix minor version to patch update --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 2d8ab36..3d5fcac 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@scrumble-nl/react-quick-toaster", - "version": "2.1.0", + "version": "2.0.2", "description": "A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.\n\n", "main": "lib/toaster.js", "types": "lib/toaster.d.ts", From 0ce35e378d50004c81e3cc044b28ebc412b82fcf Mon Sep 17 00:00:00 2001 From: Niels Hamelink Date: Tue, 7 Mar 2023 18:23:01 +0100 Subject: [PATCH 3/3] Import built CSS file into project --- README.md | 2 ++ src/toast-provider.tsx | 2 -- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 4a2121c..59800c2 100644 --- a/README.md +++ b/README.md @@ -22,6 +22,8 @@ import React from 'react'; import App from './src/app'; import {ToastProvider} from '@scrumble-nl/quick-toaster'; // Don't forget to import this +import '@scrumble-nl/quick-toaster/lib/scss/toaster.css'; + export default class ToastApp extends React.Component<{}, {}> { render = (): JSX.Element => { return ( diff --git a/src/toast-provider.tsx b/src/toast-provider.tsx index 7f6f556..57dbb39 100644 --- a/src/toast-provider.tsx +++ b/src/toast-provider.tsx @@ -2,8 +2,6 @@ import React from 'react'; import {ToastRenderer} from './toast-renderer'; -import './scss/toaster.css?inline'; - export type IdlessToast = { content: string; header?: string;