diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/input')
4 files changed, 22 insertions, 22 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx index 23dfcfd08..45f5a81d1 100644 --- a/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/FormControl.tsx @@ -22,7 +22,7 @@ import { Colors } from "../style.js"; export interface Props { color: Colors; disabled: boolean; - error?: string; + error?: string | Error; focused: boolean; fullWidth: boolean; hiddenLabel: boolean; @@ -124,7 +124,7 @@ export interface FCCProps { // setAdornedStart, color: Colors; disabled: boolean; - error: string | undefined; + error: string | undefined | Error; filled: boolean; focused: boolean; fullWidth: boolean; diff --git a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx index 5fa48a169..3b80b0f23 100644 --- a/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/FormHelperText.tsx @@ -43,7 +43,7 @@ const containedStyle = css` interface Props { disabled?: boolean; - error?: string; + error?: string | Error; filled?: boolean; focused?: boolean; margin?: "dense"; diff --git a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx index a984f8451..0707046f3 100644 --- a/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/InputFilled.tsx @@ -27,7 +27,7 @@ export interface Props { defaultValue?: string; disabled?: boolean; disableUnderline?: boolean; - error?: string; + error?: string | Error; fullWidth?: boolean; id?: string; margin?: "dense" | "normal" | "none"; @@ -89,9 +89,9 @@ const filledRootStyle = css` border-top-left-radius: ${theme.shape.borderRadius}px; border-top-right-radius: ${theme.shape.borderRadius}px; transition: ${theme.transitions.create("background-color", { - duration: theme.transitions.duration.shorter, - easing: theme.transitions.easing.easeOut, - })}; + duration: theme.transitions.duration.shorter, + easing: theme.transitions.easing.easeOut, +})}; // when is not disabled underline &:hover { background-color: ${backgroundColorHover}; @@ -124,9 +124,9 @@ const underlineStyle = css` right: 0px; transform: scaleX(0); transition: ${theme.transitions.create("transform", { - duration: theme.transitions.duration.shorter, - easing: theme.transitions.easing.easeOut, - })}; + duration: theme.transitions.duration.shorter, + easing: theme.transitions.easing.easeOut, +})}; pointer-events: none; } &[data-focused]:after { @@ -139,8 +139,8 @@ const underlineStyle = css` &:before { border-bottom: 1px solid ${theme.palette.mode === "light" - ? "rgba(0, 0, 0, 0.42)" - : "rgba(255, 255, 255, 0.7)"}; + ? "rgba(0, 0, 0, 0.42)" + : "rgba(255, 255, 255, 0.7)"}; left: 0px; bottom: 0px; right: 0px; @@ -156,8 +156,8 @@ const underlineStyle = css` @media (hover: none) { border-bottom: 1px solid ${theme.palette.mode === "light" - ? "rgba(0, 0, 0, 0.42)" - : "rgba(255, 255, 255, 0.7)"}; + ? "rgba(0, 0, 0, 0.42)" + : "rgba(255, 255, 255, 0.7)"}; } } &[data-disabled]:before { diff --git a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx index f7b5040e4..7352c5ec1 100644 --- a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx @@ -27,7 +27,7 @@ export interface Props { disabled?: boolean; disableUnderline?: boolean; endAdornment?: VNode; - error?: string; + error?: string | Error; fullWidth?: boolean; id?: string; margin?: "dense" | "normal" | "none"; @@ -82,9 +82,9 @@ const underlineStyle = css` right: 0px; transform: scaleX(0); transition: ${theme.transitions.create("transform", { - duration: theme.transitions.duration.shorter, - easing: theme.transitions.easing.easeOut, - })}; + duration: theme.transitions.duration.shorter, + easing: theme.transitions.easing.easeOut, +})}; pointer-events: none; } &[data-focused]:after { @@ -97,8 +97,8 @@ const underlineStyle = css` &:before { border-bottom: 1px solid ${theme.palette.mode === "light" - ? "rgba(0, 0, 0, 0.42)" - : "rgba(255, 255, 255, 0.7)"}; + ? "rgba(0, 0, 0, 0.42)" + : "rgba(255, 255, 255, 0.7)"}; left: 0px; bottom: 0px; right: 0px; @@ -114,8 +114,8 @@ const underlineStyle = css` @media (hover: none) { border-bottom: 1px solid ${theme.palette.mode === "light" - ? "rgba(0, 0, 0, 0.42)" - : "rgba(255, 255, 255, 0.7)"}; + ? "rgba(0, 0, 0, 0.42)" + : "rgba(255, 255, 255, 0.7)"}; } } &[data-disabled]:before { |