@tapuz/tpz 0.1.8 → 0.1.9
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.
- package/dist/index.cjs.js +9 -9
- package/dist/index.esm.js +11 -11
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var
|
|
1
|
+
var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},g=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of h(e))!b.call(t,n)&&n!==r&&c(t,n,{get:()=>e[n],enumerable:!(o=m(e,n))||o.enumerable});return t};var v=t=>g(c({},"__esModule",{value:!0}),t);var S={};u(S,{TokensEngineProvider:()=>E});module.exports=v(S);var s=require("react"),z="https://tapuz.io",y=`
|
|
2
2
|
/* Active palette: backgrounds */
|
|
3
3
|
.tpz-bg-clr { background-color: var(--tpz-background-color); }
|
|
4
4
|
.tpz-srf-clr { background-color: var(--tpz-surface-color); }
|
|
@@ -46,15 +46,15 @@ var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.g
|
|
|
46
46
|
.tpz-btn-fnt-sz-sub { font-size: var(--tpz-button-font-size-sub); }
|
|
47
47
|
.tpz-btn-fnt-wgt { font-weight: var(--tpz-button-font-weight); }
|
|
48
48
|
|
|
49
|
-
/* Forms: compound */
|
|
50
|
-
.tpz-frm-inpt { background-color: var(--tpz-form-input-background); border-color: var(--tpz-form-input-border-color); border-width: var(--tpz-form-input-border-width); border-style: var(--tpz-form-input-border-style); border-radius: var(--tpz-form-input-border-radius); }
|
|
51
|
-
.tpz-frm-inpt:hover { background-color: var(--tpz-form-input-background-hover); border-color: var(--tpz-form-input-border-color-hover); }
|
|
52
|
-
.tpz-frm-inpt:focus { background-color: var(--tpz-form-input-background-focus); border-color: var(--tpz-form-input-border-color-focus); outline: none; }
|
|
53
|
-
.tpz-frm-inpt:active { background-color: var(--tpz-form-input-background-active); border-color: var(--tpz-form-input-border-color-active); }
|
|
54
|
-
|
|
55
49
|
/* Forms: individual */
|
|
56
|
-
.tpz-inpt-bg
|
|
57
|
-
.tpz-inpt-
|
|
50
|
+
.tpz-inpt-bg { background-color: var(--tpz-form-input-background); }
|
|
51
|
+
.tpz-inpt-bg:hover { background-color: var(--tpz-form-input-background-hover); }
|
|
52
|
+
.tpz-inpt-bg:focus { background-color: var(--tpz-form-input-background-focus); }
|
|
53
|
+
.tpz-inpt-bg:active { background-color: var(--tpz-form-input-background-active); }
|
|
54
|
+
.tpz-inpt-brdr-clr { border-color: var(--tpz-form-input-border-color); }
|
|
55
|
+
.tpz-inpt-brdr-clr:hover { border-color: var(--tpz-form-input-border-color-hover); }
|
|
56
|
+
.tpz-inpt-brdr-clr:focus { border-color: var(--tpz-form-input-border-color-focus); }
|
|
57
|
+
.tpz-inpt-brdr-clr:active { border-color: var(--tpz-form-input-border-color-active); }
|
|
58
58
|
.tpz-inpt-brdr-w { border-width: var(--tpz-form-input-border-width); }
|
|
59
59
|
.tpz-inpt-brdr-sty { border-style: var(--tpz-form-input-border-style); }
|
|
60
60
|
.tpz-inpt-bdr-r { border-radius: var(--tpz-form-input-border-radius); }
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https://tapuz.io",
|
|
1
|
+
import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https://tapuz.io",h=`
|
|
2
2
|
/* Active palette: backgrounds */
|
|
3
3
|
.tpz-bg-clr { background-color: var(--tpz-background-color); }
|
|
4
4
|
.tpz-srf-clr { background-color: var(--tpz-surface-color); }
|
|
@@ -46,15 +46,15 @@ import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https:
|
|
|
46
46
|
.tpz-btn-fnt-sz-sub { font-size: var(--tpz-button-font-size-sub); }
|
|
47
47
|
.tpz-btn-fnt-wgt { font-weight: var(--tpz-button-font-weight); }
|
|
48
48
|
|
|
49
|
-
/* Forms: compound */
|
|
50
|
-
.tpz-frm-inpt { background-color: var(--tpz-form-input-background); border-color: var(--tpz-form-input-border-color); border-width: var(--tpz-form-input-border-width); border-style: var(--tpz-form-input-border-style); border-radius: var(--tpz-form-input-border-radius); }
|
|
51
|
-
.tpz-frm-inpt:hover { background-color: var(--tpz-form-input-background-hover); border-color: var(--tpz-form-input-border-color-hover); }
|
|
52
|
-
.tpz-frm-inpt:focus { background-color: var(--tpz-form-input-background-focus); border-color: var(--tpz-form-input-border-color-focus); outline: none; }
|
|
53
|
-
.tpz-frm-inpt:active { background-color: var(--tpz-form-input-background-active); border-color: var(--tpz-form-input-border-color-active); }
|
|
54
|
-
|
|
55
49
|
/* Forms: individual */
|
|
56
|
-
.tpz-inpt-bg
|
|
57
|
-
.tpz-inpt-
|
|
50
|
+
.tpz-inpt-bg { background-color: var(--tpz-form-input-background); }
|
|
51
|
+
.tpz-inpt-bg:hover { background-color: var(--tpz-form-input-background-hover); }
|
|
52
|
+
.tpz-inpt-bg:focus { background-color: var(--tpz-form-input-background-focus); }
|
|
53
|
+
.tpz-inpt-bg:active { background-color: var(--tpz-form-input-background-active); }
|
|
54
|
+
.tpz-inpt-brdr-clr { border-color: var(--tpz-form-input-border-color); }
|
|
55
|
+
.tpz-inpt-brdr-clr:hover { border-color: var(--tpz-form-input-border-color-hover); }
|
|
56
|
+
.tpz-inpt-brdr-clr:focus { border-color: var(--tpz-form-input-border-color-focus); }
|
|
57
|
+
.tpz-inpt-brdr-clr:active { border-color: var(--tpz-form-input-border-color-active); }
|
|
58
58
|
.tpz-inpt-brdr-w { border-width: var(--tpz-form-input-border-width); }
|
|
59
59
|
.tpz-inpt-brdr-sty { border-style: var(--tpz-form-input-border-style); }
|
|
60
60
|
.tpz-inpt-bdr-r { border-radius: var(--tpz-form-input-border-radius); }
|
|
@@ -66,7 +66,7 @@ import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https:
|
|
|
66
66
|
|
|
67
67
|
/* Messages: success */
|
|
68
68
|
.tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-success-background); color: var(--tpz-form-message-success-color); border-left: 4px solid var(--tpz-form-message-success-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
|
|
69
|
-
`;function f(t,n){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=n}var b=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),
|
|
69
|
+
`;function f(t,n){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=n}var b=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),u="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function z(t,n){let r=String(n||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||b.has(r.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${u}&display=swap`,e=o;e||(e=document.createElement("link"),e.id=t,e.rel="stylesheet",document.head.appendChild(e)),e.href!==i&&(e.href=i)}function g(t){z("__tpz_font_heading",t["heading-family"]),z("__tpz_font_body",t["body-font-family"])}function d(t){let n=Object.entries(t).map(([r,o])=>` --tpz-${r}: ${o};`).join(`
|
|
70
70
|
`);f("__tpz_tokens",`:root {
|
|
71
71
|
${n}
|
|
72
|
-
}`),g(t)}function v(t,n){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function w({apiKey:t,children:n,apiUrl:r}){return c(()=>{f("__tpz_base",
|
|
72
|
+
}`),g(t)}function v(t,n){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function w({apiKey:t,children:n,apiUrl:r}){return c(()=>{f("__tpz_base",h),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&v(r,t)},[]),c(()=>{if(!t)return;let o={};fetch(`${r||s}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:p})=>{o={...p&&typeof p=="object"?p:{},...a&&typeof a=="object"?a:{}},d(o)}).catch(()=>{});let i;function e(){i=new EventSource(`${r||s}/api/token-stream?key=${encodeURIComponent(t)}`),i.onmessage=a=>{try{let{tokens:p}=JSON.parse(a.data);if(!p||typeof p!="object")return;o={...o,...p},d(o)}catch{}},i.onerror=()=>{i.close(),setTimeout(e,3e3)}}return e(),()=>{i&&i.close()}},[t,r]),m(l,null,n)}export{w as TokensEngineProvider};
|