@tilli-pro/cookieconsent-plugin 0.7.57 → 0.7.64

package/dist/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wBAUW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wBAWW"}

package/dist/styles/index.js

@@ -1,6 +1,7 @@
 export default {
     "tilli-website": "tilli-website.css",
     "tilli-pay": "tilli-pay.css",
+    "nudge-website": "nudge-website.css",
     nudge: "nudge.css",
     tenants: {
         freeman: "freeman.css",

package/dist/styles/nudge-website.css

@@ -0,0 +1,121 @@
+/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
+  * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
+  * > Replace: :$2 !important;
+  */
+
+/* NUDGE_BLUE_HEX: #1F9CD4 */
+/* NUDGE_GREEN_HEX: #8BC885 */
+
+/** `nudge` color-scheme **/
+.cc--nudge-website-light {
+  --cc-bg: #ffffff !important;
+  --cc-primary-color: #2c2f31 !important;
+  --cc-secondary-color: #5e6266 !important;
+
+  --cc-btn-primary-bg: #1F9CD4 !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #44a7d4 !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: #e2e8f0 !important;
+  --cc-btn-secondary-color: #334155 !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #f1f5f9 !important;
+  --cc-btn-secondary-hover-color: #000000 !important;
+  --cc-btn-secondary-hover-border-color: #d4dae0 !important;
+
+  --cc-separator-border-color: #f3f8fc !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: #ffffff !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #d5dee2 !important;
+  --cc-toggle-readonly-knob-bg: #fff !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #f3f8fc !important;
+  --cc-cookie-category-block-border: #f3f8fc !important;
+  --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
+  --cc-cookie-category-block-hover-border: #f0f4f7 !important;
+  --cc-cookie-category-expanded-block-bg: transparent !important;
+  --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
+
+  --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #f3f8fc !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #e4eaed !important;
+}
+
+.cc--nudge-website-dark {
+  color-scheme: dark;
+  --cc-bg: #000 !important;
+  --cc-primary-color: #eff4f6 !important;
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #1F9CD4 !important;
+  --cc-btn-primary-color: #000 !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #44a7d4 !important;
+  --cc-btn-primary-hover-color: #000 !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
+  --cc-btn-secondary-color: #fff !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #252729 !important;
+  --cc-btn-secondary-hover-color: #fff !important;
+  --cc-btn-secondary-hover-border-color: #252729 !important;
+
+  --cc-separator-border-color: #252729 !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: var(--cc-bg) !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #2f3132 !important;
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #101111 !important;
+  --cc-cookie-category-block-border: #1d1e1f !important;
+  --cc-cookie-category-block-hover-bg: #151516 !important;
+  --cc-cookie-category-block-hover-border: #1d1e1f !important;
+  --cc-cookie-category-expanded-block-bg: #101111 !important;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
+
+  --cc-overlay-bg: rgba(0,0,0,.9) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #000 !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #212529 !important;
+}
+
+/** font */
+.cc--nudge-website-light #cc-main,
+.cc--nudge-website-dark #cc-main {
+  font-family: var(--font-inter, var(--cc-font-family)) !important;
+}

package/dist/styles/tenants/frontier.css

@@ -119,6 +119,9 @@
   text-transform: uppercase !important;
   font-weight: 700 !important;
   letter-spacing: 0.025em !important;
+  padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
+  height: 48px !important; /* 48 px height (3rem) */
+  font-size: 16px !important;
 }
 
 /** font */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilli-pro/cookieconsent-plugin",
-  "version": "0.7.57",
+  "version": "0.7.64",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/init.ts

@@ -1,4 +1,4 @@
-import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@f5b588b1c73430be77d836c32ecaeebc85823a8e/dist/cookieconsent.umd.js";
+import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@81eae9a592f089d1e18eb29cc76f5ed1f2d6909b/dist/cookieconsent.umd.js";
 
 import type * as _CookieConsent from "@tilli-pro/cookieconsent";
 import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
@@ -18,7 +18,7 @@ declare global {
   }
 }
 
-const GIT_SHA = "f5b588b1c73430be77d836c32ecaeebc85823a8e";
+const GIT_SHA = "81eae9a592f089d1e18eb29cc76f5ed1f2d6909b";
 const GIT_REPO = "tilli-pro/cookieconsent";
 const GIT_CDN_BASE_URL = "https://cdn.jsdelivr.net/gh";
 const GIT_CDN_URL = `${GIT_CDN_BASE_URL}/${GIT_REPO}@${GIT_SHA}`;

package/src/react-components/CookieConsentInit.client.tsx

@@ -7,6 +7,7 @@ import "@tilli-pro/cookieconsent/dist/cookieconsent.css";
 // TODO: make theme imports below dynamic
 import "../styles/tilli-website.css";
 import "../styles/tilli-pay.css";
+import "../styles/nudge-website.css";
 import "../styles/nudge.css";
 import "../styles/tenants/freeman.css";
 import "../styles/tenants/frontier.css";
@@ -14,13 +15,13 @@ import "../styles/tenants/con-edison.css";
 import "../styles/tenants/oru.css";
 
 interface CookieConsentInitProps {
-  configId: ConfigId;
+  config: ConfigId;
 }
 
 export default function CookieConsentInit({
-  configId,
+  config,
 }: Readonly<CookieConsentInitProps>) {
-  useCookieConsent(configId);
+  useCookieConsent(config);
 
   return null;
 }

package/src/react-components/CookieConsentInit.server.tsx

@@ -5,15 +5,15 @@ import { COOKIE_CONSENT_ENABLED } from "../_consts";
 import CookieConsentInitClient from "./CookieConsentInit.client";
 
 interface CookieConsentInitProps {
-  configId: ConfigId;
+  config: ConfigId;
 }
 
 /** we use a server component to handle dynamic injection of the script all together
  * > basically, there's no need to inject the client-side cookie-consent script if it's not in scope */
 export default function CookieConsentInit({
-  configId,
+  config,
 }: Readonly<CookieConsentInitProps>) {
   return COOKIE_CONSENT_ENABLED ? (
-    <CookieConsentInitClient {...{ configId }} />
+    <CookieConsentInitClient {...{ config }} />
   ) : null;
 }

package/src/styles/index.ts

@@ -1,6 +1,7 @@
 export default {
   "tilli-website": "tilli-website.css",
   "tilli-pay": "tilli-pay.css",
+  "nudge-website": "nudge-website.css",
   nudge: "nudge.css",
   tenants: {
     freeman: "freeman.css",

package/src/styles/nudge-website.css

@@ -0,0 +1,121 @@
+/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
+  * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
+  * > Replace: :$2 !important;
+  */
+
+/* NUDGE_BLUE_HEX: #1F9CD4 */
+/* NUDGE_GREEN_HEX: #8BC885 */
+
+/** `nudge` color-scheme **/
+.cc--nudge-website-light {
+  --cc-bg: #ffffff !important;
+  --cc-primary-color: #2c2f31 !important;
+  --cc-secondary-color: #5e6266 !important;
+
+  --cc-btn-primary-bg: #1F9CD4 !important;
+  --cc-btn-primary-color: #ffffff !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #44a7d4 !important;
+  --cc-btn-primary-hover-color: #ffffff !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: #e2e8f0 !important;
+  --cc-btn-secondary-color: #334155 !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #f1f5f9 !important;
+  --cc-btn-secondary-hover-color: #000000 !important;
+  --cc-btn-secondary-hover-border-color: #d4dae0 !important;
+
+  --cc-separator-border-color: #f3f8fc !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: #ffffff !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #d5dee2 !important;
+  --cc-toggle-readonly-knob-bg: #fff !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #f3f8fc !important;
+  --cc-cookie-category-block-border: #f3f8fc !important;
+  --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
+  --cc-cookie-category-block-hover-border: #f0f4f7 !important;
+  --cc-cookie-category-expanded-block-bg: transparent !important;
+  --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
+
+  --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #f3f8fc !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #e4eaed !important;
+}
+
+.cc--nudge-website-dark {
+  color-scheme: dark;
+  --cc-bg: #000 !important;
+  --cc-primary-color: #eff4f6 !important;
+  --cc-secondary-color: #b1bdc3 !important;
+
+  --cc-btn-primary-bg: #1F9CD4 !important;
+  --cc-btn-primary-color: #000 !important;
+  --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
+  --cc-btn-primary-hover-bg: #44a7d4 !important;
+  --cc-btn-primary-hover-color: #000 !important;
+  --cc-btn-primary-hover-border-color: var(
+    --cc-btn-primary-hover-bg
+  ) !important;
+
+  --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
+  --cc-btn-secondary-color: #fff !important;
+  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
+  --cc-btn-secondary-hover-bg: #252729 !important;
+  --cc-btn-secondary-hover-color: #fff !important;
+  --cc-btn-secondary-hover-border-color: #252729 !important;
+
+  --cc-separator-border-color: #252729 !important;
+
+  --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
+  --cc-toggle-off-bg: #667481 !important;
+  --cc-toggle-on-knob-bg: var(--cc-bg) !important;
+  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
+
+  --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
+  --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
+
+  --cc-toggle-readonly-bg: #2f3132 !important;
+  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
+  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
+
+  --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
+
+  --cc-cookie-category-block-bg: #101111 !important;
+  --cc-cookie-category-block-border: #1d1e1f !important;
+  --cc-cookie-category-block-hover-bg: #151516 !important;
+  --cc-cookie-category-block-hover-border: #1d1e1f !important;
+  --cc-cookie-category-expanded-block-bg: #101111 !important;
+  --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
+
+  --cc-overlay-bg: rgba(0,0,0,.9) !important;
+  --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
+  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
+
+  --cc-footer-bg: #000 !important;
+  --cc-footer-color: var(--cc-secondary-color) !important;
+  --cc-footer-border-color: #212529 !important;
+}
+
+/** font */
+.cc--nudge-website-light #cc-main,
+.cc--nudge-website-dark #cc-main {
+  font-family: var(--font-inter, var(--cc-font-family)) !important;
+}

package/src/styles/tenants/frontier.css

@@ -119,6 +119,9 @@
   text-transform: uppercase !important;
   font-weight: 700 !important;
   letter-spacing: 0.025em !important;
+  padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
+  height: 48px !important; /* 48 px height (3rem) */
+  font-size: 16px !important;
 }
 
 /** font */