feat: bootstrap theme

Author: ankurk91

examples/index.js

@@ -5,7 +5,7 @@ import ToastPlugin from '../src/index';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 //import '../src/themes/default/index.scss'
-import '../src/themes/sugar/index.scss'
+import '../src/themes/bootstrap/index.scss'
 
 import App from './App.vue';
 

src/themes/bootstrap/_variables.scss

@@ -0,0 +1 @@
+$toast-icons-path: "../sugar/icons" !default;

src/themes/bootstrap/index.scss

@@ -0,0 +1,5 @@
+@import '../default/variables';
+@import 'variables';
+@import '../animations';
+@import '../default/main';
+@import '../sugar/icons';

src/themes/sugar/_variables.scss

@@ -1,3 +1,4 @@
+$toast-icons-path: "./icons" !default;
 $toast-colors: () !default;
 $toast-colors: map-merge(
     (

src/themes/sugar/icons.scss

@@ -13,7 +13,7 @@
       min-width: 27px;
       height: 27px;
       margin-left: 1em;
-      background: url(./icons/info.svg) no-repeat;
+      background: url(#{$toast-icons-path}/info.svg) no-repeat;
 
       [dir="rtl"] & {
         margin-left: unset;
@@ -22,15 +22,15 @@
     }
 
     &.v-toast__item--success .v-toast__icon {
-      background: url(./icons/success.svg) no-repeat;
+      background: url(#{$toast-icons-path}/success.svg) no-repeat;
     }
 
     &.v-toast__item--error .v-toast__icon {
-      background: url(./icons/error.svg) no-repeat;
+      background: url(#{$toast-icons-path}/error.svg) no-repeat;
     }
 
     &.v-toast__item--warning .v-toast__icon {
-      background: url(./icons/warning.svg) no-repeat;
+      background: url(#{$toast-icons-path}/warning.svg) no-repeat;
     }
   }
 }

webpack.config.dev.js

@@ -19,7 +19,6 @@ module.exports = {
     alias: {
       vue: "@vue/runtime-dom"
     },
-    extensions: ['.js', '.jsx', '.json', '.vue'],
   },
   entry: './examples/index.js',
   output: {

webpack.config.js

@@ -16,11 +16,11 @@ module.exports = {
     alias: {
       'vue$': 'vue/dist/vue.runtime.esm.js'
     },
-    extensions: ['.js', '.json', '.vue']
   },
   entry: {
     index: './src/index.js',
     'index.min': './src/index.js',
+    'theme-bootstrap': './src/themes/bootstrap/index.scss',
     'theme-default': './src/themes/default/index.scss',
     'theme-sugar': './src/themes/sugar/index.scss',
   },
@@ -36,9 +36,11 @@ module.exports = {
     clean: true,
     path: path.resolve(__dirname, 'dist'),
     filename: '[name].js',
-    library: 'VueToast',
-    libraryTarget: 'umd',
-    umdNamedDefine: true,
+    library: {
+      name: 'VueToast',
+      type: 'umd',
+      umdNamedDefine: true,
+    },
     globalObject: 'this',
     pathinfo: false
   },