video-privacy 1.0.0-beta.3 → 1.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +6 -6
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
2
  import React, { useState } from 'react';
3
3
  import { jsx, jsxs } from 'react/jsx-runtime';
4
4
 
5
- var styles = ".container {\n position: relative;\n background-color: black;\n aspect-ratio: 16 / 9;\n}\n\n.backdrop {\n background-size: cover;\n width: 100%;\n height: 100%;\n filter: blur(5px);\n opacity: 0.25;\n}\n\n.content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.info {\n font-family: Arial, Helvetica, sans-serif;\n color: white;\n text-align: center;\n}\n\n.button {\n font-family: Arial, Helvetica, sans-serif;\n border: solid;\n border-width: 1px;\n border-color: white;\n border-radius: 0;\n background-color: transparent;\n padding: 10px 20px;\n color: white;\n font-weight: bold;\n cursor: pointer;\n}\n\n.button:hover {\n background-color: white;\n color: black;\n transition: all 0.3s;\n}\n";
5
+ document.head.innerHTML += "<style>.vidpriv--container {\n position: relative;\n background-color: black;\n aspect-ratio: 16 / 9;\n}\n\n.vidpriv--backdrop {\n background-size: cover;\n width: 100%;\n height: 100%;\n filter: blur(5px);\n opacity: 0.25;\n}\n\n.vidpriv--content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.vidpriv--info {\n font-family: Arial, Helvetica, sans-serif;\n color: white;\n text-align: center;\n}\n\n.vidpriv--button {\n font-family: Arial, Helvetica, sans-serif;\n border: solid;\n border-width: 1px;\n border-color: white;\n border-radius: 0;\n background-color: transparent;\n padding: 10px 20px;\n color: white;\n font-weight: bold;\n cursor: pointer;\n}\n\n.vidpriv--button:hover {\n background-color: white;\n color: black;\n transition: all 0.3s;\n}\n</style>";
6
6
 
7
7
  function VideoPrivacy(props) {
8
8
  // State to determine if the user has acknowledged the privacy notice
@@ -19,11 +19,11 @@ function VideoPrivacy(props) {
19
19
 
20
20
  // Style definitions, either from module CSS or from props
21
21
 
22
- var customInfoClass = styles.info;
22
+ var customInfoClass = "vidpriv--info";
23
23
  if (props.customInfoClass) {
24
24
  customInfoClass = props.customInfoClass;
25
25
  }
26
- var customButtonClass = styles.button;
26
+ var customButtonClass = "vidpriv--button";
27
27
  if (props.customButtonClass) {
28
28
  customButtonClass = props.customButtonClass;
29
29
  }
@@ -45,13 +45,13 @@ function VideoPrivacy(props) {
45
45
  // Otherwise, render the privacy notice container
46
46
 
47
47
  return /*#__PURE__*/jsxs("div", {
48
- className: styles.container,
48
+ className: "vidpriv--container",
49
49
  style: containerStyle,
50
50
  children: [/*#__PURE__*/jsx("div", {
51
- className: styles.backdrop,
51
+ className: "vidpriv--backdrop",
52
52
  style: backdropStyle
53
53
  }), /*#__PURE__*/jsxs("div", {
54
- className: styles.content,
54
+ className: "vidpriv--content",
55
55
  children: [/*#__PURE__*/jsx("h2", {
56
56
  className: customInfoClass,
57
57
  children: info
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "video-privacy",
3
- "version": "1.0.0-beta.3",
3
+ "version": "1.0.0-beta.4",
4
4
  "scripts": {
5
5
  "rollup": "node_modules/rollup/dist/rollup.js",
6
6
  "dev": "next dev",