kk-cookie-banner - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

dist/components/CookieBanner.js

@@ -159,3 +159,3 @@ "use strict";
   }), isVisible && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "banner"
+    className: styles.banner
   }, /*#__PURE__*/_react["default"].createElement("p", null, "We use cookies to improve your experience on our site. By using our site, you consent to cookies."), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement("input", {
@@ -198,2 +198,22 @@ type: "checkbox",
 };
+var styles = {
+  banner: {
+    position: 'fixed',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    background: '#000',
+    color: '#fff',
+    padding: '10px',
+    textAlign: 'center'
+  },
+  button: {
+    marginLeft: '10px',
+    marginTop: '10px',
+    padding: '5px 10px',
+    cursor: 'pointer',
+    border: '1px solid #fff',
+    borderRadius: '10px'
+  }
+};
 var _default = exports["default"] = CookieBanner;

index.js

 import CookieBanner from './src/components/CookieBanner';
-import { POST } from './src/api/set-consent';
-import './src/styles/banner.css';
+import { POST } from './src/api/set-consent/set-consent';
+// import './src/styles/banner.module.css';
 export { CookieBanner, POST };

package.json

 {
   "name": "kk-cookie-banner",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "GDPR complaint cookie banner",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/components/CookieBanner.js

@@ -124,3 +124,3 @@ 'use client';
         {isVisible && (
-            <div className="banner">
+            <div className={styles.banner}>
                 <p>We use cookies to improve your experience on our site. By using our site, you consent to cookies.</p>
@@ -169,2 +169,42 @@ <div>
 
+const styles = {
+
+  banner: {
+
+    position: 'fixed',
+
+    bottom: 0,
+
+    left: 0,
+
+    right: 0,
+
+    background: '#000',
+
+    color: '#fff',
+
+    padding: '10px',
+
+    textAlign: 'center',
+
+  },
+
+  button: {
+
+    marginLeft: '10px',
+
+    marginTop: '10px',
+
+    padding: '5px 10px',
+
+    cursor: 'pointer',
+
+    border: '1px solid #fff',
+
+    borderRadius: '10px',
+
+  },
+
+};
+
 export default CookieBanner;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

61346

increased by1.27%

Lines of code

768

increased by5.49%

No dependency changes