@volr/react-ui 0.1.45 → 0.1.46

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 CHANGED
@@ -1485,7 +1485,14 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1485
1485
  };
1486
1486
  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
1487
1487
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
1488
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:left-3 volr:top-1/2 volr:-translate-y-1/2 volr:pointer-events-none volr:text-slate-400", children: /* @__PURE__ */ jsxRuntime.jsx(EmailIcon, {}) }),
1488
+ /* @__PURE__ */ jsxRuntime.jsx(
1489
+ "div",
1490
+ {
1491
+ className: "volr:absolute volr:left-3 volr:pointer-events-none volr:text-slate-400",
1492
+ style: { top: "50%", transform: "translateY(-50%)" },
1493
+ children: /* @__PURE__ */ jsxRuntime.jsx(EmailIcon, {})
1494
+ }
1495
+ ),
1489
1496
  /* @__PURE__ */ jsxRuntime.jsx(
1490
1497
  "input",
1491
1498
  {
@@ -1667,9 +1674,9 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1667
1674
  onKeyDown: (e) => handleKeyDown(index, e),
1668
1675
  onPaste: index === 0 ? handlePaste : void 0,
1669
1676
  disabled: isLoading,
1670
- className: "volr:w-12 volr:h-14 volr:text-center volr:text-2xl volr:font-semibold volr:outline-none volr:transition-all volr:rounded-lg volr:border-2 volr:disabled:bg-slate-50 volr:disabled:cursor-not-allowed",
1677
+ className: "volr:w-12 volr:h-14 volr:text-center volr:text-2xl volr:font-semibold volr:outline-none volr:transition-all volr:rounded-lg volr:disabled:bg-slate-50 volr:disabled:cursor-not-allowed",
1671
1678
  style: {
1672
- borderColor: digit ? accentColor : "#cbd5e1",
1679
+ border: `2px solid ${digit ? accentColor : "#cbd5e1"}`,
1673
1680
  backgroundColor: isLoading ? void 0 : "#fff"
1674
1681
  },
1675
1682
  onFocus: (e) => {