From d72212e424997a0c9aff34bf2c5447a1992e5407 Mon Sep 17 00:00:00 2001 From: awran5 Date: Sun, 23 May 2021 10:05:58 +0200 Subject: [PATCH] added autoprefixer --- .changeset/lazy-horses-carry.md | 5 +++++ package.json | 8 +++----- rollup.config.js | 4 +++- src/styles.css | 31 +------------------------------ yarn.lock | 29 +++++++++++++++++++++++------ 5 files changed, 35 insertions(+), 42 deletions(-) create mode 100644 .changeset/lazy-horses-carry.md diff --git a/.changeset/lazy-horses-carry.md b/.changeset/lazy-horses-carry.md new file mode 100644 index 0000000..f1a92d1 --- /dev/null +++ b/.changeset/lazy-horses-carry.md @@ -0,0 +1,5 @@ +--- +'react-floating-whatsapp': patch +--- + +added autoprefixer diff --git a/package.json b/package.json index 1a2c30f..f826c69 100644 --- a/package.json +++ b/package.json @@ -1,10 +1,6 @@ { "name": "react-floating-whatsapp", -<<<<<<< HEAD "version": "1.1.1", -======= - "version": "1.1.0", ->>>>>>> 63142a78e2ec60c5a3a3d2ce90a7eb96f9b3e71e "private": false, "description": "Simple React component for adding a floating WhatsApp button to your project.", "author": "awran5 ", @@ -36,6 +32,7 @@ "@types/react-dom": "^17.0.5", "@typescript-eslint/eslint-plugin": "^4.24.0", "@typescript-eslint/parser": "^4.24.0", + "autoprefixer": "^10.2.5", "cross-env": "^7.0.2", "eslint": "^7.26.0", "eslint-config-prettier": "^8.3.0", @@ -46,7 +43,7 @@ "react-dom": "^17.0.2", "react-scripts": "^4.0.3", "rimraf": "^3.0.2", - "rollup": "^2.48.0", + "rollup": "^2.49.0", "rollup-plugin-copy": "^3.4.0", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-postcss": "^4.0.0", @@ -71,6 +68,7 @@ ], "tags": [ "react", + "whatsapp", "floating-whatsapp-button", "whatsapp-button", "react-component", diff --git a/rollup.config.js b/rollup.config.js index 5f5ca7d..00ea350 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -3,6 +3,7 @@ import peerDepsExternal from 'rollup-plugin-peer-deps-external' import resolve from '@rollup/plugin-node-resolve' import commonjs from '@rollup/plugin-commonjs' import postcss from 'rollup-plugin-postcss' +import autoprefixer from 'autoprefixer' import copy from 'rollup-plugin-copy' import { terser } from 'rollup-plugin-terser' import packageJson from './package.json' @@ -15,7 +16,8 @@ export default { commonjs(), typescript(), postcss({ - extract: true + extract: true, + plugins: [autoprefixer()] }), copy({ targets: [{ src: 'src/images/**/*', dest: 'dist/images' }] diff --git a/src/styles.css b/src/styles.css index b13b417..3786351 100644 --- a/src/styles.css +++ b/src/styles.css @@ -18,7 +18,6 @@ background-color: #25d366; border-radius: 50%; user-select: none; - -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px; box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px; } @@ -27,19 +26,13 @@ border-color: inherit; width: 60px; height: 60px; - -webkit-border-radius: 50%; border-radius: 50%; position: absolute; opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - -webkit-animation-duration: 1.2s; animation-duration: 1.2s; - -webkit-animation-name: _pulse; animation-name: _pulse; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; - -webkit-animation-delay: 1s; animation-delay: 1s; } @@ -47,37 +40,20 @@ fill: #fff; padding: 0.5rem; } - -@-webkit-keyframes _pulse { +@keyframes _pulse { 0% { background: rgb(76 175 79 / 50%); - -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { background: rgba(76 175 79 / 50%); - -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } -@keyframes _pulse { - 0% { - -webkit-box-shadow: 0 0 0 0 #25d366; - box-shadow: 0 0 0 0 #25d366; - opacity: 1; - } - - 100% { - -webkit-box-shadow: 0 0 0 15px #25d366; - box-shadow: 0 0 0 15px #25d366; - opacity: 0; - } -} - .floatingWhatsapp .whatsappChatBox { display: flex; flex-direction: column; @@ -92,7 +68,6 @@ height: 0; opacity: 0; transition: height 0.2s ease-out; - -webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%); box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%); } @@ -226,13 +201,11 @@ margin-top: 4px; max-width: calc(100% - 120px); z-index: 2; - -webkit-box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px; box-shadow: rgb(0 0 0 / 13%) 0px 1px 0.5px; } .floatingWhatsapp.dark .chatBody .message { background-color: #262d31; - -webkit-box-shadow: rgb(0 0 0 / 70%) 0px 1px 0.5px; box-shadow: rgb(0 0 0 / 70%) 0px 1px 0.5px; } @@ -311,7 +284,6 @@ .floatingWhatsapp .chatFooter form .input:focus { border-color: #075e54; outline: 0; - -webkit-box-shadow: 0 0 0 1px rgb(7 94 84 / 50%); box-shadow: 0 0 0 1px rgb(7 94 84 / 50%); } @@ -327,7 +299,6 @@ .floatingWhatsapp.dark .chatFooter form .input:focus { border-color: #0da896; outline: 0; - -webkit-box-shadow: 0 0 0 1px rgb(13 168 150 / 50%); box-shadow: 0 0 0 1px rgb(13 168 150 / 50%); } diff --git a/yarn.lock b/yarn.lock index 806065e..0b0814a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2769,6 +2769,18 @@ atob@^2.1.2: resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9" integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== +autoprefixer@^10.2.5: + version "10.2.5" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.2.5.tgz#096a0337dbc96c0873526d7fef5de4428d05382d" + integrity sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA== + dependencies: + browserslist "^4.16.3" + caniuse-lite "^1.0.30001196" + colorette "^1.2.2" + fraction.js "^4.0.13" + normalize-range "^0.1.2" + postcss-value-parser "^4.1.0" + autoprefixer@^9.6.1: version "9.8.6" resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.6.tgz#3b73594ca1bf9266320c5acf1588d74dea74210f" @@ -3244,7 +3256,7 @@ browserslist@4.14.2: escalade "^3.0.2" node-releases "^1.1.61" -browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.6.2, browserslist@^4.6.4: +browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.16.6, browserslist@^4.6.2, browserslist@^4.6.4: version "4.16.6" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.16.6.tgz#d7901277a5a88e554ed305b183ec9b0c08f66fa2" integrity sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ== @@ -3439,7 +3451,7 @@ caniuse-api@^3.0.0: lodash.memoize "^4.1.2" lodash.uniq "^4.5.0" -caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001219: +caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001196, caniuse-lite@^1.0.30001219: version "1.0.30001228" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001228.tgz#bfdc5942cd3326fa51ee0b42fbef4da9d492a7fa" integrity sha512-QQmLOGJ3DEgokHbMSA8cj2a+geXqmnpyOFT0lhQV6P3/YOJvGDEwoedcwxEQ30gJIwIIunHIicunJ2rzK5gB2A== @@ -5511,6 +5523,11 @@ forwarded@~0.1.2: resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84" integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ= +fraction.js@^4.0.13: + version "4.1.0" + resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.1.0.tgz#229ec1cedc8c3c7e5d2d20688ba64f0a43af5830" + integrity sha512-o9lSKpK0TDqDwTL24Hxqi6I99s942l6TYkfl6WvGWgLOIFz/YonSGKfiSeMadoiNvTfqnfOa9mjb5SGVbBK9/w== + fragment-cache@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19" @@ -10352,10 +10369,10 @@ rollup@^1.31.1: "@types/node" "*" acorn "^7.1.0" -rollup@^2.48.0: - version "2.48.0" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.48.0.tgz#fceb01ed771f991f29f7bd2ff7838146e55acb74" - integrity sha512-wl9ZSSSsi5579oscSDYSzGn092tCS076YB+TQrzsGuSfYyJeep8eEWj0eaRjuC5McuMNmcnR8icBqiE/FWNB1A== +rollup@^2.49.0: + version "2.49.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.49.0.tgz#f0e5bb2b770ddf1be8cc30d4cce3457574c8c871" + integrity sha512-UnrCjMXICx9q0jF8L7OYs7LPk95dW0U5UYp/VANnWqfuhyr66FWi/YVlI34Oy8Tp4ZGLcaUDt4APJm80b9oPWQ== optionalDependencies: fsevents "~2.3.1"