secure-keypad 1.0.4 → 1.0.6
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.js +5 -1
- package/package.json +5 -2
- package/dist/secure-keypad.css +0 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("html,body,#root{@apply w-full h-full;}body{margin:0;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.keypad-page{min-height:100vh;display:grid;place-items:center;padding:22px}:root{--blue: #3182f6;--blue-weak: #eaf3ff;--stroke: #e9ecef;--stroke-2: #e9ecef;--num-bg: #ffffff;--num-tx: #0b1220;--fn-bg: #ffffff;--fn-tx: #0b1220;--radius: 14px;--cell-radius: 0px;--cell-h: 56px;--num-col: minmax(58px, 1fr);--fn-col: 110px;--gap: 0px;--focus: 0 0 0 3px rgba(49, 130, 246, .22)}*{box-sizing:border-box}.kp{width:min(420px,96vw);background:transparent;border:2px solid var(--stroke);border-radius:var(--radius);padding:0;overflow:hidden}.kp__grid{display:grid;grid-template-columns:repeat(4,var(--num-col)) var(--fn-col);grid-auto-rows:var(--cell-h);gap:var(--gap)}button.kp__btn{appearance:none;border:1px solid var(--stroke-2);border-radius:var(--cell-radius);background:var(--num-bg);padding:0 10px;cursor:pointer;font:inherit;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease;color:#0b1220}button.kp__btn:focus-visible{outline:none;box-shadow:var(--focus);border-color:#3182f6b3}.kp__btn--num{font-size:28px;font-weight:900;letter-spacing:.2px;-webkit-tap-highlight-color:transparent}button.kp__btn.kp__btn--num:active{background:#f3f4f6}.kp__btn--fn{background:var(--fn-bg);font-size:18px;font-weight:800;letter-spacing:.2px}.kp__btn--del{display:flex;gap:8px;justify-content:center;background:#fff;border-color:var(--stroke-2)}.kp__btn--del .kp__icon{width:18px;height:18px;flex:0 0 auto;color:#4f8a4b}.kp__btn--del .kp__deltext{display:none}.kp__btn--ok{background:#508c4e!important;color:#fff!important;border-color:var(--stroke-2)!important;font-size:18px;font-weight:900;letter-spacing:.2px;width:auto;height:auto;position:relative;z-index:2}.kp__btn--ok:active{background:#457c44!important}.kp__btn--dummy{pointer-events:none;cursor:default;background:#fff;border:1px solid var(--stroke-2)}.kp__btn--del{grid-column:5;grid-row:1}.kp__btn--clear{grid-column:5;grid-row:2;color:#457c44!important}.kp__btn--ok{grid-column:5;grid-row:3}@media(max-width:380px){:root{--cell-h: 52px;--fn-col: 96px}.kp__btn--num{font-size:26px}}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
1
2
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
3
|
import { useRef as f, useState as d, useMemo as U, useEffect as M, useCallback as P } from "react";
|
|
3
4
|
const w = ({ currentKey: n }) => {
|
|
@@ -167,5 +168,8 @@ const F = ({ onBackspace: n, disabled: e }) => /* @__PURE__ */ s(
|
|
|
167
168
|
}) }) });
|
|
168
169
|
};
|
|
169
170
|
export {
|
|
170
|
-
q as Keypad
|
|
171
|
+
q as Keypad,
|
|
172
|
+
F as KeypadBackspace,
|
|
173
|
+
L as KeypadClear,
|
|
174
|
+
O as KeypadOk
|
|
171
175
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "secure-keypad",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "A secure numeric keypad with shuffled keys and anti-spam input protection",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -50,9 +50,12 @@
|
|
|
50
50
|
"react-dom": ">=16.8"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
+
"@vitejs/plugin-react": "^5.1.2",
|
|
53
54
|
"react": "^18.2.0",
|
|
54
55
|
"react-dom": "^18.2.0",
|
|
55
|
-
"@vitejs/plugin-react": "^5.1.2",
|
|
56
56
|
"vite": "^7.3.1"
|
|
57
|
+
},
|
|
58
|
+
"dependencies": {
|
|
59
|
+
"vite-plugin-css-injected-by-js": "^3.5.2"
|
|
57
60
|
}
|
|
58
61
|
}
|
package/dist/secure-keypad.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html,body,#root{@apply w-full h-full;}body{margin:0;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.keypad-page{min-height:100vh;display:grid;place-items:center;padding:22px}:root{--blue: #3182f6;--blue-weak: #eaf3ff;--stroke: #e9ecef;--stroke-2: #e9ecef;--num-bg: #ffffff;--num-tx: #0b1220;--fn-bg: #ffffff;--fn-tx: #0b1220;--radius: 14px;--cell-radius: 0px;--cell-h: 56px;--num-col: minmax(58px, 1fr);--fn-col: 110px;--gap: 0px;--focus: 0 0 0 3px rgba(49, 130, 246, .22)}*{box-sizing:border-box}.kp{width:min(420px,96vw);background:transparent;border:2px solid var(--stroke);border-radius:var(--radius);padding:0;overflow:hidden}.kp__grid{display:grid;grid-template-columns:repeat(4,var(--num-col)) var(--fn-col);grid-auto-rows:var(--cell-h);gap:var(--gap)}button.kp__btn{appearance:none;border:1px solid var(--stroke-2);border-radius:var(--cell-radius);background:var(--num-bg);padding:0 10px;cursor:pointer;font:inherit;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease;color:#0b1220}button.kp__btn:focus-visible{outline:none;box-shadow:var(--focus);border-color:#3182f6b3}.kp__btn--num{font-size:28px;font-weight:900;letter-spacing:.2px;-webkit-tap-highlight-color:transparent}button.kp__btn.kp__btn--num:active{background:#f3f4f6}.kp__btn--fn{background:var(--fn-bg);font-size:18px;font-weight:800;letter-spacing:.2px}.kp__btn--del{display:flex;gap:8px;justify-content:center;background:#fff;border-color:var(--stroke-2)}.kp__btn--del .kp__icon{width:18px;height:18px;flex:0 0 auto;color:#4f8a4b}.kp__btn--del .kp__deltext{display:none}.kp__btn--ok{background:#508c4e!important;color:#fff!important;border-color:var(--stroke-2)!important;font-size:18px;font-weight:900;letter-spacing:.2px;width:auto;height:auto;position:relative;z-index:2}.kp__btn--ok:active{background:#457c44!important}.kp__btn--dummy{pointer-events:none;cursor:default;background:#fff;border:1px solid var(--stroke-2)}.kp__btn--del{grid-column:5;grid-row:1}.kp__btn--clear{grid-column:5;grid-row:2;color:#457c44!important}.kp__btn--ok{grid-column:5;grid-row:3}@media(max-width:380px){:root{--cell-h: 52px;--fn-col: 96px}.kp__btn--num{font-size:26px}}
|