@tilli-pro/cookieconsent-plugin 0.7.60 → 0.7.64

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 (52) hide show
  1. package/.cache/tsbuildinfo.json +1 -1
  2. package/demos/demo.html +2 -2
  3. package/demos/demo.min.html +1 -1
  4. package/demos/demo.styles.dark.html +2 -2
  5. package/demos/demo.styles.dark.min.html +1 -1
  6. package/demos/demo.styles.nudge-website.dark.html +3 -3
  7. package/demos/demo.styles.nudge-website.dark.min.html +1 -1
  8. package/demos/demo.styles.nudge-website.light.html +3 -3
  9. package/demos/demo.styles.nudge-website.light.min.html +1 -1
  10. package/demos/demo.styles.nudge.dark.html +2 -2
  11. package/demos/demo.styles.nudge.dark.min.html +1 -1
  12. package/demos/demo.styles.nudge.light.html +2 -2
  13. package/demos/demo.styles.nudge.light.min.html +1 -1
  14. package/demos/demo.styles.tenant_con-edison.dark.html +2 -2
  15. package/demos/demo.styles.tenant_con-edison.dark.min.html +1 -1
  16. package/demos/demo.styles.tenant_con-edison.light.html +2 -2
  17. package/demos/demo.styles.tenant_con-edison.light.min.html +1 -1
  18. package/demos/demo.styles.tenant_freeman.dark.html +2 -2
  19. package/demos/demo.styles.tenant_freeman.dark.min.html +1 -1
  20. package/demos/demo.styles.tenant_freeman.light.html +2 -2
  21. package/demos/demo.styles.tenant_frontier.dark.html +2 -2
  22. package/demos/demo.styles.tenant_frontier.dark.min.html +1 -1
  23. package/demos/demo.styles.tenant_frontier.light.html +2 -2
  24. package/demos/demo.styles.tenant_frontier.light.min.html +1 -1
  25. package/demos/demo.styles.tenant_oru.dark.html +2 -2
  26. package/demos/demo.styles.tenant_oru.dark.min.html +1 -1
  27. package/demos/demo.styles.tenant_oru.light.html +2 -2
  28. package/demos/demo.styles.tenant_oru.light.min.html +1 -1
  29. package/demos/demo.styles.tilli-pay.dark.html +2 -2
  30. package/demos/demo.styles.tilli-pay.dark.min.html +1 -1
  31. package/demos/demo.styles.tilli-pay.light.html +2 -2
  32. package/demos/demo.styles.tilli-pay.light.min.html +1 -1
  33. package/demos/demo.styles.tilli-website.dark.html +2 -2
  34. package/demos/demo.styles.tilli-website.dark.min.html +1 -1
  35. package/demos/demo.styles.tilli-website.light.html +2 -2
  36. package/demos/demo.styles.tilli-website.light.min.html +1 -1
  37. package/dist/init.d.ts +1 -1
  38. package/dist/init.js +2 -2
  39. package/dist/react-components/CookieConsentInit.client.d.ts +1 -0
  40. package/dist/react-components/CookieConsentInit.client.d.ts.map +1 -1
  41. package/dist/react-components/CookieConsentInit.client.js +1 -0
  42. package/dist/styles/index.d.ts +1 -0
  43. package/dist/styles/index.d.ts.map +1 -1
  44. package/dist/styles/index.js +1 -0
  45. package/dist/styles/nudge-website.css +121 -0
  46. package/dist/styles/tenants/frontier.css +3 -0
  47. package/package.json +1 -1
  48. package/src/init.ts +2 -2
  49. package/src/react-components/CookieConsentInit.client.tsx +1 -0
  50. package/src/styles/index.ts +1 -0
  51. package/src/styles/nudge-website.css +121 -0
  52. package/src/styles/tenants/frontier.css +3 -0
package/dist/styles/nudge-website.css ADDED
@@ -0,0 +1,121 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /* NUDGE_BLUE_HEX: #1F9CD4 */
7
+ /* NUDGE_GREEN_HEX: #8BC885 */
8
+
9
+ /** `nudge` color-scheme **/
10
+ .cc--nudge-website-light {
11
+ --cc-bg: #ffffff !important;
12
+ --cc-primary-color: #2c2f31 !important;
13
+ --cc-secondary-color: #5e6266 !important;
14
+
15
+ --cc-btn-primary-bg: #1F9CD4 !important;
16
+ --cc-btn-primary-color: #ffffff !important;
17
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
18
+ --cc-btn-primary-hover-bg: #44a7d4 !important;
19
+ --cc-btn-primary-hover-color: #ffffff !important;
20
+ --cc-btn-primary-hover-border-color: var(
21
+ --cc-btn-primary-hover-bg
22
+ ) !important;
23
+
24
+ --cc-btn-secondary-bg: #e2e8f0 !important;
25
+ --cc-btn-secondary-color: #334155 !important;
26
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
27
+ --cc-btn-secondary-hover-bg: #f1f5f9 !important;
28
+ --cc-btn-secondary-hover-color: #000000 !important;
29
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
30
+
31
+ --cc-separator-border-color: #f3f8fc !important;
32
+
33
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
34
+ --cc-toggle-off-bg: #667481 !important;
35
+ --cc-toggle-on-knob-bg: #ffffff !important;
36
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
37
+
38
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
39
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
40
+
41
+ --cc-toggle-readonly-bg: #d5dee2 !important;
42
+ --cc-toggle-readonly-knob-bg: #fff !important;
43
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
44
+
45
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
46
+
47
+ --cc-cookie-category-block-bg: #f3f8fc !important;
48
+ --cc-cookie-category-block-border: #f3f8fc !important;
49
+ --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
50
+ --cc-cookie-category-block-hover-border: #f0f4f7 !important;
51
+ --cc-cookie-category-expanded-block-bg: transparent !important;
52
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
53
+
54
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
55
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
56
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
57
+
58
+ --cc-footer-bg: #f3f8fc !important;
59
+ --cc-footer-color: var(--cc-secondary-color) !important;
60
+ --cc-footer-border-color: #e4eaed !important;
61
+ }
62
+
63
+ .cc--nudge-website-dark {
64
+ color-scheme: dark;
65
+ --cc-bg: #000 !important;
66
+ --cc-primary-color: #eff4f6 !important;
67
+ --cc-secondary-color: #b1bdc3 !important;
68
+
69
+ --cc-btn-primary-bg: #1F9CD4 !important;
70
+ --cc-btn-primary-color: #000 !important;
71
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
72
+ --cc-btn-primary-hover-bg: #44a7d4 !important;
73
+ --cc-btn-primary-hover-color: #000 !important;
74
+ --cc-btn-primary-hover-border-color: var(
75
+ --cc-btn-primary-hover-bg
76
+ ) !important;
77
+
78
+ --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
79
+ --cc-btn-secondary-color: #fff !important;
80
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
81
+ --cc-btn-secondary-hover-bg: #252729 !important;
82
+ --cc-btn-secondary-hover-color: #fff !important;
83
+ --cc-btn-secondary-hover-border-color: #252729 !important;
84
+
85
+ --cc-separator-border-color: #252729 !important;
86
+
87
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
88
+ --cc-toggle-off-bg: #667481 !important;
89
+ --cc-toggle-on-knob-bg: var(--cc-bg) !important;
90
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
91
+
92
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
93
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
94
+
95
+ --cc-toggle-readonly-bg: #2f3132 !important;
96
+ --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
97
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
98
+
99
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
100
+
101
+ --cc-cookie-category-block-bg: #101111 !important;
102
+ --cc-cookie-category-block-border: #1d1e1f !important;
103
+ --cc-cookie-category-block-hover-bg: #151516 !important;
104
+ --cc-cookie-category-block-hover-border: #1d1e1f !important;
105
+ --cc-cookie-category-expanded-block-bg: #101111 !important;
106
+ --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
107
+
108
+ --cc-overlay-bg: rgba(0,0,0,.9) !important;
109
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
110
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
111
+
112
+ --cc-footer-bg: #000 !important;
113
+ --cc-footer-color: var(--cc-secondary-color) !important;
114
+ --cc-footer-border-color: #212529 !important;
115
+ }
116
+
117
+ /** font */
118
+ .cc--nudge-website-light #cc-main,
119
+ .cc--nudge-website-dark #cc-main {
120
+ font-family: var(--font-inter, var(--cc-font-family)) !important;
121
+ }
package/dist/styles/tenants/frontier.css CHANGED
@@ -119,6 +119,9 @@
119
119
  text-transform: uppercase !important;
120
120
  font-weight: 700 !important;
121
121
  letter-spacing: 0.025em !important;
122
+ padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
123
+ height: 48px !important; /* 48 px height (3rem) */
124
+ font-size: 16px !important;
122
125
  }
123
126
 
124
127
  /** font */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tilli-pro/cookieconsent-plugin",
3
- "version": "0.7.60",
3
+ "version": "0.7.64",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/init.ts CHANGED
@@ -1,4 +1,4 @@
1
- import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@95beecd12c0b52ac7b01a40f5a04ca8dff865bfb/dist/cookieconsent.umd.js";
1
+ import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@81eae9a592f089d1e18eb29cc76f5ed1f2d6909b/dist/cookieconsent.umd.js";
2
2
 
3
3
  import type * as _CookieConsent from "@tilli-pro/cookieconsent";
4
4
  import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
@@ -18,7 +18,7 @@ declare global {
18
18
  }
19
19
  }
20
20
 
21
- const GIT_SHA = "95beecd12c0b52ac7b01a40f5a04ca8dff865bfb";
21
+ const GIT_SHA = "81eae9a592f089d1e18eb29cc76f5ed1f2d6909b";
22
22
  const GIT_REPO = "tilli-pro/cookieconsent";
23
23
  const GIT_CDN_BASE_URL = "https://cdn.jsdelivr.net/gh";
24
24
  const GIT_CDN_URL = `${GIT_CDN_BASE_URL}/${GIT_REPO}@${GIT_SHA}`;
package/src/react-components/CookieConsentInit.client.tsx CHANGED
@@ -7,6 +7,7 @@ import "@tilli-pro/cookieconsent/dist/cookieconsent.css";
7
7
  // TODO: make theme imports below dynamic
8
8
  import "../styles/tilli-website.css";
9
9
  import "../styles/tilli-pay.css";
10
+ import "../styles/nudge-website.css";
10
11
  import "../styles/nudge.css";
11
12
  import "../styles/tenants/freeman.css";
12
13
  import "../styles/tenants/frontier.css";
package/src/styles/index.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export default {
2
2
  "tilli-website": "tilli-website.css",
3
3
  "tilli-pay": "tilli-pay.css",
4
+ "nudge-website": "nudge-website.css",
4
5
  nudge: "nudge.css",
5
6
  tenants: {
6
7
  freeman: "freeman.css",
package/src/styles/nudge-website.css ADDED
@@ -0,0 +1,121 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /* NUDGE_BLUE_HEX: #1F9CD4 */
7
+ /* NUDGE_GREEN_HEX: #8BC885 */
8
+
9
+ /** `nudge` color-scheme **/
10
+ .cc--nudge-website-light {
11
+ --cc-bg: #ffffff !important;
12
+ --cc-primary-color: #2c2f31 !important;
13
+ --cc-secondary-color: #5e6266 !important;
14
+
15
+ --cc-btn-primary-bg: #1F9CD4 !important;
16
+ --cc-btn-primary-color: #ffffff !important;
17
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
18
+ --cc-btn-primary-hover-bg: #44a7d4 !important;
19
+ --cc-btn-primary-hover-color: #ffffff !important;
20
+ --cc-btn-primary-hover-border-color: var(
21
+ --cc-btn-primary-hover-bg
22
+ ) !important;
23
+
24
+ --cc-btn-secondary-bg: #e2e8f0 !important;
25
+ --cc-btn-secondary-color: #334155 !important;
26
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
27
+ --cc-btn-secondary-hover-bg: #f1f5f9 !important;
28
+ --cc-btn-secondary-hover-color: #000000 !important;
29
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
30
+
31
+ --cc-separator-border-color: #f3f8fc !important;
32
+
33
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
34
+ --cc-toggle-off-bg: #667481 !important;
35
+ --cc-toggle-on-knob-bg: #ffffff !important;
36
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
37
+
38
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
39
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
40
+
41
+ --cc-toggle-readonly-bg: #d5dee2 !important;
42
+ --cc-toggle-readonly-knob-bg: #fff !important;
43
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
44
+
45
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
46
+
47
+ --cc-cookie-category-block-bg: #f3f8fc !important;
48
+ --cc-cookie-category-block-border: #f3f8fc !important;
49
+ --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
50
+ --cc-cookie-category-block-hover-border: #f0f4f7 !important;
51
+ --cc-cookie-category-expanded-block-bg: transparent !important;
52
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
53
+
54
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
55
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
56
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
57
+
58
+ --cc-footer-bg: #f3f8fc !important;
59
+ --cc-footer-color: var(--cc-secondary-color) !important;
60
+ --cc-footer-border-color: #e4eaed !important;
61
+ }
62
+
63
+ .cc--nudge-website-dark {
64
+ color-scheme: dark;
65
+ --cc-bg: #000 !important;
66
+ --cc-primary-color: #eff4f6 !important;
67
+ --cc-secondary-color: #b1bdc3 !important;
68
+
69
+ --cc-btn-primary-bg: #1F9CD4 !important;
70
+ --cc-btn-primary-color: #000 !important;
71
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
72
+ --cc-btn-primary-hover-bg: #44a7d4 !important;
73
+ --cc-btn-primary-hover-color: #000 !important;
74
+ --cc-btn-primary-hover-border-color: var(
75
+ --cc-btn-primary-hover-bg
76
+ ) !important;
77
+
78
+ --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
79
+ --cc-btn-secondary-color: #fff !important;
80
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
81
+ --cc-btn-secondary-hover-bg: #252729 !important;
82
+ --cc-btn-secondary-hover-color: #fff !important;
83
+ --cc-btn-secondary-hover-border-color: #252729 !important;
84
+
85
+ --cc-separator-border-color: #252729 !important;
86
+
87
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
88
+ --cc-toggle-off-bg: #667481 !important;
89
+ --cc-toggle-on-knob-bg: var(--cc-bg) !important;
90
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
91
+
92
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
93
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
94
+
95
+ --cc-toggle-readonly-bg: #2f3132 !important;
96
+ --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
97
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
98
+
99
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
100
+
101
+ --cc-cookie-category-block-bg: #101111 !important;
102
+ --cc-cookie-category-block-border: #1d1e1f !important;
103
+ --cc-cookie-category-block-hover-bg: #151516 !important;
104
+ --cc-cookie-category-block-hover-border: #1d1e1f !important;
105
+ --cc-cookie-category-expanded-block-bg: #101111 !important;
106
+ --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
107
+
108
+ --cc-overlay-bg: rgba(0,0,0,.9) !important;
109
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
110
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
111
+
112
+ --cc-footer-bg: #000 !important;
113
+ --cc-footer-color: var(--cc-secondary-color) !important;
114
+ --cc-footer-border-color: #212529 !important;
115
+ }
116
+
117
+ /** font */
118
+ .cc--nudge-website-light #cc-main,
119
+ .cc--nudge-website-dark #cc-main {
120
+ font-family: var(--font-inter, var(--cc-font-family)) !important;
121
+ }
package/src/styles/tenants/frontier.css CHANGED
@@ -119,6 +119,9 @@
119
119
  text-transform: uppercase !important;
120
120
  font-weight: 700 !important;
121
121
  letter-spacing: 0.025em !important;
122
+ padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
123
+ height: 48px !important; /* 48 px height (3rem) */
124
+ font-size: 16px !important;
122
125
  }
123
126
 
124
127
  /** font */