Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
.add("Sticky header", () => (
<div>
row.name} />
row.price} />
<table>
</table>
</div>
))
.add("Light column", () => (
[NEUTRAL]: {
textColor: colorConstants.OYSTER,
iconColor: colorConstants.GREY_32,
textHoverColor: colorConstants.INDIGO_MILK_CAP,
color: "#FFFFFF",
},
[SECONDARY]: {
color: colorConstants.INDIGO_MILK_CAP,
hoverColor: colorConstants.BLUE_CORN,
},
[POSITIVE]: {
color: colorConstants.LETTUCE,
hoverColor: colorConstants.AVOCADO,
},
[NEGATIVE]: {
color: colorConstants.STRAWBERRY,
hoverColor: colorConstants.TOMATO,
},
[CLOSED]: {
color: colorConstants.GRAPE,
hoverColor: colorConstants.EGGPLANT,
},
[OFF_NEUTRAL]: {
color: colorConstants.GREY_16,
hoverColor: colorConstants.INDIGO_MILK_CAP,
},
};
import { colors as colorConstants } from "@crave/farmblocks-theme";
import AlertTypes from "./alertTypes";
export default {
[AlertTypes.NEWS]: colorConstants.INDIGO_MILK_CAP,
[AlertTypes.POSITIVE]: colorConstants.LETTUCE,
[AlertTypes.NEGATIVE]: colorConstants.STRAWBERRY,
[AlertTypes.ATTENTION]: colorConstants.CORN,
};
const labelColor = props => {
if (props.focused) {
return colors.INDIGO_MILK_CAP;
}
if (props.invalid) {
return colors.STRAWBERRY;
}
if (props.disabled && !props.protected) {
return colors.GREY_32;
}
return colors.CARBON;
};
const inputBorderColor = props => {
if (props.focused || props.active) {
return colors.INDIGO_MILK_CAP;
}
return props.invalid ? colors.STRAWBERRY : colors.GREY_16;
};
const placeholderColor = props => {