kopia lustrzana https://github.com/bugout-dev/moonstream
bw Input variant
rodzic
7f373bbbfe
commit
fc7e97661f
|
@ -21,6 +21,31 @@ const flushedVariant = (props) => {
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const bwVariant = () => {
|
||||||
|
return {
|
||||||
|
field: {
|
||||||
|
border: "1px solid white",
|
||||||
|
borderRadius: "7px",
|
||||||
|
color: "white",
|
||||||
|
backgroundColor: "#1A1D22",
|
||||||
|
errorBorderColor: "#EE8686",
|
||||||
|
_hover: {
|
||||||
|
backgroundColor: "#1A1D22",
|
||||||
|
},
|
||||||
|
_focus: {
|
||||||
|
backgroundColor: "#1A1D22",
|
||||||
|
},
|
||||||
|
_placeholder: { color: "#CDCDCD" },
|
||||||
|
_autofill: {
|
||||||
|
backgroundColor: "#1A1D22",
|
||||||
|
textFillColor: "white",
|
||||||
|
boxShadow: "0 0 0px 1000px #1A1D22 inset",
|
||||||
|
transition: "background-color 5000s ease-in-out 0s",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
const outlineVariant = (props) => {
|
const outlineVariant = (props) => {
|
||||||
const { colorScheme: c, theme } = props;
|
const { colorScheme: c, theme } = props;
|
||||||
const bgColor = transparentize(`${c}.50`, 0.8)(theme);
|
const bgColor = transparentize(`${c}.50`, 0.8)(theme);
|
||||||
|
@ -79,6 +104,7 @@ const Input = {
|
||||||
flushed: flushedVariant,
|
flushed: flushedVariant,
|
||||||
newTag: newTagVariant,
|
newTag: newTagVariant,
|
||||||
filled: filledVariant,
|
filled: filledVariant,
|
||||||
|
bw: bwVariant,
|
||||||
},
|
},
|
||||||
|
|
||||||
defaultProps: {
|
defaultProps: {
|
||||||
|
|
Ładowanie…
Reference in New Issue