Skip to content

Commit f0ba0cc

Browse files
teodosiiteodosii
committed
Updated package to v2.2.0
1 parent 8794250 commit f0ba0cc

File tree

3 files changed

+273
-284
lines changed

3 files changed

+273
-284
lines changed

‎package.json‎

Lines changed: 93 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,95 @@
11
{
2-
"name": "react-notifications-component",
3-
"version": "2.1.0",
4-
"homepage": "http://teodosii.github.io/react-notifications-component",
5-
"description": "React component for creating notifications on the fly",
6-
"main": "dist/index.js",
7-
"scripts": {
8-
"build": "npm run build:library:dev && npm run build:library:prod",
9-
"build:library:dev": "webpack --config webpack.dev.js",
10-
"build:library:prod": "webpack --config webpack.prod.js",
11-
"build:samples:dev": "webpack --config webpack.samples.dev.js",
12-
"build:samples:prod": "webpack --config webpack.samples.prod.js",
13-
"watch:library": "webpack -w --config webpack.dev.js",
14-
"start": "webpack-dev-server --config ./webpack.samples.dev.js",
15-
"predeploy": "npm run build:samples:prod",
16-
"deploy": "gh-pages -d dist",
17-
"publish:npm": "npm run build && npm publish"
18-
},
19-
"repository": {
20-
"type": "git",
21-
"url": "https://github.com/teodosii/react-notifications-component"
22-
},
23-
"bugs": {
24-
"url": "https://github.com/teodosii/react-notifications-component/issues"
25-
},
26-
"keywords": [
27-
"react",
28-
"react-component",
29-
"react-notifications",
30-
"notifications-component",
31-
"toast-notifications",
32-
"toast-component",
33-
"notifications"
34-
],
35-
"author": "Rares Mardare",
36-
"license": "MIT",
37-
"devDependencies": {
38-
"@babel/cli": "^7.0.0",
39-
"@babel/core": "^7.4.0",
40-
"@babel/polyfill": "^7.0.0",
41-
"@babel/preset-env": "^7.4.2",
42-
"@babel/preset-react": "^7.0.0",
43-
"@babel/runtime": "^7.0.0",
44-
"animate.css": "^3.7.0",
45-
"babel-core": "^7.0.0-bridge.0",
46-
"babel-eslint": "^10.0.1",
47-
"babel-jest": "^24.5.0",
48-
"babel-loader": "^8.0.1",
49-
"babel-plugin-module-resolver": "^3.1.1",
50-
"babel-plugin-transform-class-properties": "^6.24.1",
51-
"bootstrap": "^4.3.1",
52-
"clean-webpack-plugin": "^2.0.1",
53-
"copy-webpack-plugin": "^5.0.4",
54-
"css-loader": "^1.0.0",
55-
"css-select-base-adapter": "^0.1.1",
56-
"eslint": "^5.15.3",
57-
"eslint-config-airbnb": "^17.0.0",
58-
"eslint-config-standard": "^12.0.0",
59-
"eslint-import-resolver-alias": "^1.1.0",
60-
"eslint-loader": "^2.0.0",
61-
"eslint-plugin-import": "^2.13.0",
62-
"eslint-plugin-jsx-a11y": "^6.1.0",
63-
"eslint-plugin-node": "^8.0.0",
64-
"eslint-plugin-react": "^7.10.0",
65-
"extract-text-webpack-plugin": "^3.0.2",
66-
"file-loader": "^2.0.0",
67-
"font-awesome": "^4.7.0",
68-
"gh-pages": "^2.0.1",
69-
"html-webpack-plugin": "^3.2.0",
70-
"mini-css-extract-plugin": "^0.4.1",
71-
"node-sass": "^4.11.0",
72-
"object-assign": "^4.1.1",
73-
"optimize-css-assets-webpack-plugin": "^5.0.3",
74-
"prettier": "^1.18.2",
75-
"react": "^16.0.0",
76-
"react-dom": "^16.0.0",
77-
"react-github-button": "^0.1.11",
78-
"react-github-corner": "^2.3.0",
79-
"react-test-renderer": "^16.4.1",
80-
"regenerator-runtime": "^0.13.1",
81-
"sass-loader": "^7.1.0",
82-
"style-loader": "^0.23.0",
83-
"uglifyjs-webpack-plugin": "2.0.1",
84-
"url-loader": "^1.0.1",
85-
"webpack": "^4.29.6",
86-
"webpack-cli": "^3.3.0",
87-
"webpack-dev-server": "^3.2.1"
88-
},
89-
"peerDependencies": {
90-
"react": "^16.0.0"
91-
},
92-
"dependencies": {
93-
"prop-types": "^15.6.2"
94-
}
2+
"name": "react-notifications-component",
3+
"version": "2.2.0",
4+
"homepage": "http://teodosii.github.io/react-notifications-component",
5+
"description": "React component for creating notifications on the fly",
6+
"main": "dist/index.js",
7+
"scripts": {
8+
"build": "npm run build:library:dev && npm run build:library:prod",
9+
"build:library:dev": "webpack --config webpack.dev.js",
10+
"build:library:prod": "webpack --config webpack.prod.js",
11+
"build:samples:dev": "webpack --config webpack.samples.dev.js",
12+
"build:samples:prod": "webpack --config webpack.samples.prod.js",
13+
"watch:library": "webpack -w --config webpack.dev.js",
14+
"start": "webpack-dev-server --config ./webpack.samples.dev.js",
15+
"predeploy": "npm run build:samples:prod",
16+
"deploy": "gh-pages -d dist",
17+
"publish:npm": "npm run build && npm publish"
18+
},
19+
"repository": {
20+
"type": "git",
21+
"url": "https://github.com/teodosii/react-notifications-component"
22+
},
23+
"bugs": {
24+
"url": "https://github.com/teodosii/react-notifications-component/issues"
25+
},
26+
"keywords": [
27+
"react",
28+
"react-component",
29+
"react-notifications",
30+
"notifications-component",
31+
"toast-notifications",
32+
"toast-component",
33+
"notifications"
34+
],
35+
"author": "Rares Mardare",
36+
"license": "MIT",
37+
"devDependencies": {
38+
"@babel/cli": "^7.0.0",
39+
"@babel/core": "^7.4.0",
40+
"@babel/polyfill": "^7.0.0",
41+
"@babel/preset-env": "^7.4.2",
42+
"@babel/preset-react": "^7.0.0",
43+
"@babel/runtime": "^7.0.0",
44+
"animate.css": "^3.7.0",
45+
"babel-core": "^7.0.0-bridge.0",
46+
"babel-eslint": "^10.0.1",
47+
"babel-jest": "^24.5.0",
48+
"babel-loader": "^8.0.1",
49+
"babel-plugin-module-resolver": "^3.1.1",
50+
"babel-plugin-transform-class-properties": "^6.24.1",
51+
"bootstrap": "^4.3.1",
52+
"clean-webpack-plugin": "^2.0.1",
53+
"copy-webpack-plugin": "^5.0.4",
54+
"css-loader": "^1.0.0",
55+
"css-select-base-adapter": "^0.1.1",
56+
"eslint": "^5.15.3",
57+
"eslint-config-airbnb": "^17.0.0",
58+
"eslint-config-standard": "^12.0.0",
59+
"eslint-import-resolver-alias": "^1.1.0",
60+
"eslint-loader": "^2.0.0",
61+
"eslint-plugin-import": "^2.13.0",
62+
"eslint-plugin-jsx-a11y": "^6.1.0",
63+
"eslint-plugin-node": "^8.0.0",
64+
"eslint-plugin-react": "^7.10.0",
65+
"extract-text-webpack-plugin": "^3.0.2",
66+
"file-loader": "^2.0.0",
67+
"font-awesome": "^4.7.0",
68+
"gh-pages": "^2.0.1",
69+
"html-webpack-plugin": "^3.2.0",
70+
"mini-css-extract-plugin": "^0.4.1",
71+
"node-sass": "^4.11.0",
72+
"object-assign": "^4.1.1",
73+
"optimize-css-assets-webpack-plugin": "^5.0.3",
74+
"prettier": "^1.18.2",
75+
"react": "^16.0.0",
76+
"react-dom": "^16.0.0",
77+
"react-github-button": "^0.1.11",
78+
"react-github-corner": "^2.3.0",
79+
"react-test-renderer": "^16.4.1",
80+
"regenerator-runtime": "^0.13.1",
81+
"sass-loader": "^7.1.0",
82+
"style-loader": "^0.23.0",
83+
"uglifyjs-webpack-plugin": "2.0.1",
84+
"url-loader": "^1.0.1",
85+
"webpack": "^4.29.6",
86+
"webpack-cli": "^3.3.0",
87+
"webpack-dev-server": "^3.2.1"
88+
},
89+
"peerDependencies": {
90+
"react": "^16.0.0"
91+
},
92+
"dependencies": {
93+
"prop-types": "^15.6.2"
94+
}
9595
}

‎samples/styles/_customTypes.scss‎

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,69 @@
11
.notification-custom-icon {
2-
flex-basis: 20%;
3-
position: relative;
4-
padding: 8px 8px 8px 12px;
5-
display: flex;
6-
align-items: center;
7-
justify-content: center;
2+
flex-basis: 20%;
3+
position: relative;
4+
padding: 8px 8px 8px 12px;
5+
display: flex;
6+
align-items: center;
7+
justify-content: center;
88

9-
.fa {
10-
color: #fff;
11-
font-size: 28px;
12-
}
9+
.fa {
10+
color: #fff;
11+
font-size: 28px;
12+
}
1313
}
1414

1515
.notification-custom-content {
16-
flex-basis: 80%;
17-
padding: 12px 12px 12px 8px;
18-
display: inline-block;
16+
flex-basis: 80%;
17+
padding: 12px 12px 12px 8px;
18+
display: inline-block;
1919
}
2020

2121
.notification-custom-success {
22-
width: 100%;
23-
display: flex;
24-
background-color: #28a745;
22+
width: 100%;
23+
display: flex;
24+
background-color: #28a745;
2525

26-
.notification-custom-icon {
27-
border-left: 8px solid darken(#28a745, 15%);
28-
}
26+
.notification-custom-icon {
27+
border-left: 8px solid darken(#28a745, 15%);
28+
}
2929
}
3030

3131
.notification-custom-default {
32-
width: 100%;
33-
display: flex;
34-
background-color: #007bff;
32+
width: 100%;
33+
display: flex;
34+
background-color: #007bff;
3535

36-
.notification-custom-icon {
37-
border-left: 8px solid darken(#007bff, 15%);
38-
}
36+
.notification-custom-icon {
37+
border-left: 8px solid darken(#007bff, 15%);
38+
}
3939
}
4040

4141
.notification-custom-danger {
42-
width: 100%;
43-
display: flex;
44-
background-color: #dc3545;
42+
width: 100%;
43+
display: flex;
44+
background-color: #dc3545;
4545

46-
.notification-custom-icon {
47-
border-left: 8px solid darken(#dc3545, 15%);
48-
}
46+
.notification-custom-icon {
47+
border-left: 8px solid darken(#dc3545, 15%);
48+
}
4949
}
5050

5151
.notification-custom-info {
52-
width: 100%;
53-
display: flex;
54-
background-color: #17a2b8;
52+
width: 100%;
53+
display: flex;
54+
background-color: #17a2b8;
5555

56-
.notification-custom-icon {
57-
border-left: 8px solid darken(#17a2b8, 15%);
58-
}
56+
.notification-custom-icon {
57+
border-left: 8px solid darken(#17a2b8, 15%);
58+
}
5959
}
6060

6161
.notification-custom-warning {
62-
width: 100%;
63-
display: flex;
64-
background-color: #eab000;
62+
width: 100%;
63+
display: flex;
64+
background-color: #eab000;
6565

66-
.notification-custom-icon {
67-
border-left: 8px solid darken(#eab000, 15%);
68-
}
69-
}
66+
.notification-custom-icon {
67+
border-left: 8px solid darken(#eab000, 15%);
68+
}
69+
}

0 commit comments

Comments
 (0)