Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
type: PropTypes.string,
leftIcon: PropTypes.node,
rightIcon: PropTypes.node,
external: PropTypes.bool,
size: PropTypes.number,
lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
onClick: PropTypes.func,
disabled: PropTypes.bool,
fontWeight: PropTypes.string,
className: PropTypes.string,
// ... and all properties of html <a>
};
Link.defaultProps = {
type: linkTypes.FEATURED,
size: fontSizes.MEDIUM,
lineHeight: 1,
disabled: false,
external: false,
fontWeight: fontWeights.SEMIBOLD,
};
export default Link;
</a>
margin-bottom: ${props => props.size === fontSizes.MEDIUM && "8px"};
}
const labelProps = {
className,
checked,
disabled,
};
const fontColor = (disabled && fontTypes.SUBTLE) || fontTypes.NORMAL;
return (
<label>
<input type="radio">
<div>
<div>
</div>
{label && (
)}
);
}
}</div></label>
const fontColor = inputProps.disabled
? fontTypes.SUBTLE
: fontTypes.NORMAL;
return (
<input type="checkbox">
<div>
{label && (
)}
</div>
);
}
};
import { fontSizes } from "@crave/farmblocks-theme";
export default {
[fontSizes.LARGE]: 1.33,
[fontSizes.MEDIUM]: 1.5,
[fontSizes.SMALL]: 1.71,
};
margin-bottom: ${props => props.size === fontSizes.MEDIUM && '8px'};
}
import InputText from "@crave/farmblocks-input-text";
import { fontSizes } from "@crave/farmblocks-theme";
import { TooltipContent, POSITIONS } from "@crave/farmblocks-tooltip";
import { MdAdd, MdMinus } from "@crave/farmblocks-icon";
import selectorSizes from "../constants/selectorSizes";
import Wrapper from "../styledComponents/AmountSelector";
const selectorSizeToButtonSize = {
[selectorSizes.SMALL]: buttonSizes.SMALL,
[selectorSizes.MEDIUM]: buttonSizes.MEDIUM,
};
const selectorSizeToFontSize = {
[selectorSizes.SMALL]: fontSizes.SMALL,
[selectorSizes.MEDIUM]: fontSizes.MEDIUM,
};
const selectorSizeToIconSize = {
[selectorSizes.SMALL]: 24,
[selectorSizes.MEDIUM]: 32,
};
class AmountSelectors extends React.Component {
constructor(props) {
super(props);
const { value } = this.props;
const parsedValue = parseFloat(value) || 0;
const displayValue = parsedValue.toFixed(2);
this.state = {
.add("MEDIUM size", () => (
<div style="{{">
</div>
))
.add("SMALL size", () => (
{this.state.messages.map(text => (
<img size="{badgeSizes.SMALL}" src="{errorIconSrc}">
))}