How to use the @artsy/palette.Separator function in @artsy/palette

To help you get started, we’ve selected a few @artsy/palette 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 artsy / reaction / dist / Apps / Auction / Routes / Register / index.js View on Github external
handleMutationError(actions, error);
      });
    }).catch(function (error) {
      handleMutationError(actions, error);
    });
  }

  return _react.default.createElement(_AppContainer.AppContainer, null, _react.default.createElement(_reactHead.Title, null, "Auction Registration"), _react.default.createElement(_palette.Box, {
    maxWidth: 550,
    px: [2, 0],
    mx: "auto",
    mt: [1, 0],
    mb: [1, 100]
  }, _react.default.createElement(_palette.Serif, {
    size: "10"
  }, "Register to Bid on Artsy"), _react.default.createElement(_palette.Separator, {
    mt: 1,
    mb: 2
  }), _react.default.createElement(_RegistrationForm.StripeWrappedRegistrationForm, {
    onSubmit: handleSubmit,
    trackSubmissionErrors: trackRegistrationFailed
  })));
};
github artsy / reaction / dist / Apps / Auction / Routes / ConfirmBid / index.js View on Github external
trackConfirmBidFailed(bidderId, [messageHeader]);
    }
  }

  return _react.default.createElement(_AppContainer.AppContainer, null, _react.default.createElement(_reactHead.Title, null, "Confirm Bid | Artsy"), _react.default.createElement(_palette.Box, {
    maxWidth: 550,
    px: [2, 0],
    mx: "auto",
    mt: [1, 0],
    mb: [1, 100]
  }, _react.default.createElement(_palette.Serif, {
    size: "8"
  }, "Confirm your bid"), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_LotInfo.LotInfoFragmentContainer, {
    artwork: artwork,
    saleArtwork: artwork.saleArtwork
  }), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_BidForm.BidFormFragmentContainer, {
    initialSelectedBid: getInitialSelectedBid(props.location),
    showPricingTransparency: false,
    saleArtwork: saleArtwork,
    onSubmit: handleSubmit,
    me: me
  })));
};
github artsy / reaction / dist / Apps / Auction / Components / BidForm.js View on Github external
selected: values.selectedBid,
        onSelect: function onSelect(value) {
          setFieldValue("selectedBid", value);
          setFieldTouched("selectedBid");
        },
        options: displayIncrements
      }), touched.selectedBid && errors.selectedBid && _react.default.createElement(_palette.Sans, {
        mt: 1,
        color: "red100",
        size: "2"
      }, errors.selectedBid), showPricingTransparency && _react.default.createElement(_PricingTransparency.PricingTransparency, null)), _react.default.createElement(_palette.Flex, {
        pb: 3,
        flexDirection: "column",
        justifyContent: "center",
        width: "100%"
      }, requiresCheckbox && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_palette.Separator, {
        mb: 3
      }), _react.default.createElement(_palette.Box, {
        mx: "auto",
        mb: 3
      }, _react.default.createElement(_ConditionsOfSaleCheckbox.ConditionsOfSaleCheckbox, {
        selected: values.agreeToTerms,
        onSelect: function onSelect(value) {
          setFieldValue("agreeToTerms", value);
          setFieldTouched("agreeToTerms");
        }
      }), touched.agreeToTerms && errors.agreeToTerms && _react.default.createElement(_palette.Sans, {
        mt: 1,
        color: "red100",
        size: "2",
        textAlign: "center"
      }, errors.agreeToTerms))), status && _react.default.createElement(_palette.Sans, {
github artsy / reaction / dist / Apps / Auction / Routes / ConfirmBid / index.js View on Github external
} else {
      actions.setStatus(messageHeader);
      actions.setSubmitting(false);
      trackConfirmBidFailed(bidderId, [messageHeader]);
    }
  }

  return _react.default.createElement(_AppContainer.AppContainer, null, _react.default.createElement(_reactHead.Title, null, "Confirm Bid | Artsy"), _react.default.createElement(_palette.Box, {
    maxWidth: 550,
    px: [2, 0],
    mx: "auto",
    mt: [1, 0],
    mb: [1, 100]
  }, _react.default.createElement(_palette.Serif, {
    size: "8"
  }, "Confirm your bid"), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_LotInfo.LotInfoFragmentContainer, {
    artwork: artwork,
    saleArtwork: artwork.saleArtwork
  }), _react.default.createElement(_palette.Separator, null), _react.default.createElement(_BidForm.BidFormFragmentContainer, {
    initialSelectedBid: getInitialSelectedBid(props.location),
    showPricingTransparency: false,
    saleArtwork: saleArtwork,
    onSubmit: handleSubmit,
    me: me
  })));
};