keksi 0.1.7 → 0.1.8

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 (4) hide show
  1. package/README.md +2 -0
  2. package/dist/index.js +3 -3
  3. package/dist/sveltekit.js +3 -3
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -11,6 +11,8 @@ config, so there's nothing to block.
11
11
  - Rendered on the server. Works on static pages, with no layout shift.
12
12
  - The cookie policy table is generated from the same data.
13
13
 
14
+ [See demo](https://keksi-demo.mattih.workers.dev/)
15
+
14
16
  ## Setup
15
17
 
16
18
  ```sh
package/dist/index.js CHANGED
@@ -281,7 +281,7 @@ function runtimeData(config, locale) {
281
281
  // src/styles.ts
282
282
  var css = [
283
283
  ":where(.keksi,.keksi-policy){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#e3e3e3);--_soft:color-mix(in srgb,var(--_fg) 4%,var(--_bg));--_r:var(--keksi-radius,8px)}",
284
- ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 8px 32px #0000002e}",
284
+ ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);--_line:var(--keksi-line,#d4d4d8);border-radius:var(--_r);box-shadow:0 0 0 1px #0000000d,0 4px 12px #00000014,0 20px 56px #0000003d}",
285
285
  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;display:flex;flex-direction:column;max-width:34rem;max-height:calc(100vh - 2rem);margin-inline:auto;overflow:hidden}",
286
286
  ":where(.keksi,.keksi-main,.keksi-settings)[hidden]{display:none}",
287
287
  ":where(.keksi-main,.keksi-settings){display:flex;flex-direction:column;min-height:0;margin:0}",
@@ -297,8 +297,8 @@ var css = [
297
297
  ":where(.keksi) :where(a){color:inherit}",
298
298
  ".keksi a{text-decoration:underline}",
299
299
  ":where(.keksi-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;background:var(--_soft)}",
300
- ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_bg);color:var(--_fg);cursor:pointer}",
301
- ":where(.keksi-btn:hover){background:var(--_fg);color:var(--_bg)}",
300
+ ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_fg);color:var(--_bg);cursor:pointer}",
301
+ ":where(.keksi-btn:hover){border-color:transparent;background:color-mix(in srgb,var(--_fg) 80%,var(--_bg))}",
302
302
  ":where(.keksi-text){margin-right:auto;padding:.5rem .25rem;font:inherit;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}",
303
303
  "@media (max-width:30rem){:where(.keksi-btn){flex:1 1 auto}}",
304
304
  ":where(.keksi,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
package/dist/sveltekit.js CHANGED
@@ -278,7 +278,7 @@ function runtimeData(config, locale) {
278
278
  // src/styles.ts
279
279
  var css = [
280
280
  ":where(.keksi,.keksi-policy){--_bg:var(--keksi-bg,#fff);--_fg:var(--keksi-fg,#1b1b1b);--_line:var(--keksi-line,#e3e3e3);--_soft:color-mix(in srgb,var(--_fg) 4%,var(--_bg));--_r:var(--keksi-radius,8px)}",
281
- ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);border-radius:var(--_r);box-shadow:0 8px 32px #0000002e}",
281
+ ":where(.keksi){box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--_line);--_line:var(--keksi-line,#d4d4d8);border-radius:var(--_r);box-shadow:0 0 0 1px #0000000d,0 4px 12px #00000014,0 20px 56px #0000003d}",
282
282
  ":where(.keksi){position:fixed;z-index:2147483000;inset:auto 1rem 1rem;display:flex;flex-direction:column;max-width:34rem;max-height:calc(100vh - 2rem);margin-inline:auto;overflow:hidden}",
283
283
  ":where(.keksi,.keksi-main,.keksi-settings)[hidden]{display:none}",
284
284
  ":where(.keksi-main,.keksi-settings){display:flex;flex-direction:column;min-height:0;margin:0}",
@@ -294,8 +294,8 @@ var css = [
294
294
  ":where(.keksi) :where(a){color:inherit}",
295
295
  ".keksi a{text-decoration:underline}",
296
296
  ":where(.keksi-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;background:var(--_soft)}",
297
- ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_bg);color:var(--_fg);cursor:pointer}",
298
- ":where(.keksi-btn:hover){background:var(--_fg);color:var(--_bg)}",
297
+ ":where(.keksi-btn){min-width:7.5rem;font:inherit;font-weight:600;padding:.5rem 1rem;border:1px solid var(--_fg);border-radius:calc(var(--_r) - 2px);background:var(--_fg);color:var(--_bg);cursor:pointer}",
298
+ ":where(.keksi-btn:hover){border-color:transparent;background:color-mix(in srgb,var(--_fg) 80%,var(--_bg))}",
299
299
  ":where(.keksi-text){margin-right:auto;padding:.5rem .25rem;font:inherit;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}",
300
300
  "@media (max-width:30rem){:where(.keksi-btn){flex:1 1 auto}}",
301
301
  ":where(.keksi,keksi-youtube) :where(button,a,input,summary):focus-visible{outline:3px solid var(--keksi-focus,#2563eb);outline-offset:2px}",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keksi",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "Superlight cookie consent for modern web frameworks",
5
5
  "keywords": [
6
6
  "cookie consent",