@kiwicom/orbit-components/lib/FormLabel/index.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _defaultTokens = require("../defaultTokens");

var _defaultTokens2 = _interopRequireDefault(_defaultTokens);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var StyledAsterisk = _styledComponents2.default.span.withConfig({
  displayName: "FormLabel__StyledAsterisk"
})(["font-weight:", ";color:", ";font-size:", ";vertical-align:top;"], function (_ref) {
  var theme = _ref.theme;
  return theme.orbit.fontWeightBold;
}, function (_ref2) {
  var theme = _ref2.theme,
      filled = _ref2.filled;
  return !filled ? theme.orbit.colorTextError : theme.orbit.colorFormLabelFilled;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.orbit.fontSizeFormLabel;
});


StyledAsterisk.defaultProps = {
  theme: _defaultTokens2.default
};

var FormLabel = (0, _styledComponents2.default)(function (_ref4) {
  var className = _ref4.className,
      children = _ref4.children,
      required = _ref4.required,
      filled = _ref4.filled,
      dataTest = _ref4.dataTest;
  return _react2.default.createElement(
    "span",
    { className: className, "data-test": dataTest },
    required && _react2.default.createElement(
      StyledAsterisk,
      { filled: filled },
      "* "
    ),
    _react2.default.createElement(
      "span",
      null,
      children
    )
  );
}).withConfig({
  displayName: "FormLabel"
})(["display:block;font-family:", ";font-size:", ";color:", ";line-height:", ";margin-bottom:", ";"], function (_ref5) {
  var theme = _ref5.theme;
  return theme.orbit.fontFamily;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.orbit.fontSizeFormLabel;
}, function (_ref7) {
  var theme = _ref7.theme,
      filled = _ref7.filled,
      disabled = _ref7.disabled;
  return !filled || disabled ? theme.orbit.colorFormLabel : theme.orbit.colorFormLabelFilled;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.orbit.lineHeightText;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.orbit.spaceXXSmall;
});

FormLabel.defaultProps = {
  theme: _defaultTokens2.default
};

exports.default = FormLabel;