@skip-go/widget 2.3.6 → 2.3.7

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/build/index.es.js CHANGED
@@ -4070,8 +4070,12 @@ const SetAddressDialog = ({ open, onOpen, chain, index, signRequired, isDestinat
4070
4070
  : wallet.walletInfo.logo.major, "aria-hidden": "true" })), jsx("p", { className: "flex-1 text-left font-semibold", children: wallet.walletPrettyName === 'Leap Cosmos MetaMask'
4071
4071
  ? 'Metamask (Leap Snap)'
4072
4072
  : wallet.walletPrettyName }), wallet.walletName === 'prax' && (jsx(PraxWalletIndex, { praxWalletIndex: praxWalletIndex, setPraxWalletIndex: setPraxWalletIndex }))] }), chainType === 'svm' && wallet.isAvailable !== true && (jsx("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-1 rounded-lg bg-[#c2c2c2]/20 px-2.5 py-1 text-xs font-semibold text-[#909090] transition-colors focus:outline-none group-hover:bg-[#c2c2c2]/30", children: "Not Installed" }))] }, wallet.walletName));
4073
- }), !chain.chainID.includes('penumbra') && !signRequired && (jsx("div", { className: "group relative mb-2 data-[unsupported=true]:opacity-30", children: isEditing ? (jsxs("div", { className: "flex items-center space-x-2 py-2 px-1", children: [jsx(StyledBorderDiv, { as: "input", type: "text", className: cn(`w-full rounded-md border px-2 py-1`, !isValid && 'border-red-500'), placeholder: placeholder, value: address, onChange: (e) => setAddress(e.target.value) }), jsx(StyledApproveButton, { as: "button", className: cn('flex w-12 items-center justify-center rounded-md border-2 text-sm text-white', 'disabled:cursor-not-allowed'), onClick: () => save(), disabled: !isValid, children: jsx(MdCheck, { className: "size-6" }) }), jsx(StyledCancelButton, { className: cn('flex w-12 items-center justify-center rounded-md border-2'), onClick: () => cancel(), children: jsx(MdClose, { className: "size-6" }) })] })) : (jsxs(StyledThemedButton, { onClick: () => setIsEditing(true), className: cn('flex w-full items-center gap-2 rounded-lg p-2 py-3 transition-colors focus:-outline-offset-2'), children: [jsx(FaKeyboard, { className: "mx-[6px] h-[24px] w-[24px] text-neutral-400" }), jsx("p", { className: "flex-1 text-left font-semibold", children: "Set Manually" })] })) }))] }), jsx(ScrollArea.Scrollbar, { className: "z-20 flex touch-none select-none py-4 transition-colors ease-out data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2 data-[orientation=horizontal]:flex-col", orientation: "vertical", children: jsx(ScrollArea.Thumb, { className: "relative flex-1 rounded-[10px] bg-neutral-500/50 transition-colors before:absolute before:left-1/2 before:top-1/2 before:h-2 before:w-2 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] hover:bg-neutral-500" }) }), jsx(ScrollArea.Corner, {})] })] }) }) }, chainID));
4073
+ }), !chain.chainID.includes('penumbra') && !signRequired && (jsx("div", { className: "group relative mb-2 data-[unsupported=true]:opacity-30", children: isEditing ? (jsxs("div", { className: "flex items-center space-x-2 py-2 px-1", children: [jsx(StyledAddressInput, { as: "input", type: "text", className: cn(`w-full rounded-md border px-2 py-1`, !isValid && 'border-red-500'), placeholder: placeholder, value: address, onChange: (e) => setAddress(e.target.value) }), jsx(StyledApproveButton, { as: "button", className: cn('flex w-12 items-center justify-center rounded-md border-2 text-sm text-white', 'disabled:cursor-not-allowed'), onClick: () => save(), disabled: !isValid, children: jsx(MdCheck, { className: "size-6" }) }), jsx(StyledCancelButton, { className: cn('flex w-12 items-center justify-center rounded-md border-2'), onClick: () => cancel(), children: jsx(MdClose, { className: "size-6" }) })] })) : (jsxs(StyledThemedButton, { onClick: () => setIsEditing(true), className: cn('flex w-full items-center gap-2 rounded-lg p-2 py-3 transition-colors focus:-outline-offset-2'), children: [jsx(FaKeyboard, { className: "mx-[6px] h-[24px] w-[24px] text-neutral-400" }), jsx("p", { className: "flex-1 text-left font-semibold", children: "Set Manually" })] })) }))] }), jsx(ScrollArea.Scrollbar, { className: "z-20 flex touch-none select-none py-4 transition-colors ease-out data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2 data-[orientation=horizontal]:flex-col", orientation: "vertical", children: jsx(ScrollArea.Thumb, { className: "relative flex-1 rounded-[10px] bg-neutral-500/50 transition-colors before:absolute before:left-1/2 before:top-1/2 before:h-2 before:w-2 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] hover:bg-neutral-500" }) }), jsx(ScrollArea.Corner, {})] })] }) }) }, chainID));
4074
4074
  };
4075
+ const StyledAddressInput = styled(StyledBorderDiv) `
4076
+ font-family: 'ABCDiatypeMono';
4077
+ font-variant-numeric: slashed-zero;
4078
+ `;
4075
4079
 
4076
4080
  function useBridges(args = {}) {
4077
4081
  const { select = (t) => t } = args;