How to use the @crave/farmblocks-theme.colors.STRAWBERRY function in @crave/farmblocks-theme

To help you get started, we’ve selected a few @crave/farmblocks-theme examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github CraveFood / farmblocks / packages / table / src / Table.story.js View on Github external
.add("Sticky header", () => (
    <div>
      
       row.name} /&gt;
         row.price} /&gt;
      <table>
        </table>
    </div>
  ))
  .add("Light column", () =&gt; (
github CraveFood / farmblocks / packages / button / src / constants / colorTypes.js View on Github external
[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,
  },
};
github CraveFood / farmblocks / packages / alert / src / constants / colors.js View on Github external
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,
};
github CraveFood / farmblocks / packages / label / src / Label.js View on Github external
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;
};
github CraveFood / farmblocks / packages / hoc-input / src / styledComponents / Wrapper.js View on Github external
const inputBorderColor = props => {
  if (props.focused || props.active) {
    return colors.INDIGO_MILK_CAP;
  }
  return props.invalid ? colors.STRAWBERRY : colors.GREY_16;
};
const placeholderColor = props => {