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

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

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

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

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

var StyledAsterisk = _styledComponents.default.span.withConfig({
  displayName: "FormLabel__StyledAsterisk",
  componentId: "sc-1927civ-0"
})(["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: _defaultTokens.default
};
var FormLabel = (0, _styledComponents.default)(function (_ref4) {
  var className = _ref4.className,
      children = _ref4.children,
      required = _ref4.required,
      filled = _ref4.filled,
      dataTest = _ref4.dataTest;
  return _react.default.createElement("span", {
    className: className,
    "data-test": dataTest
  }, required && _react.default.createElement(StyledAsterisk, {
    filled: filled
  }, "* "), _react.default.createElement("span", null, children));
}).withConfig({
  displayName: "FormLabel",
  componentId: "sc-1927civ-1"
})(["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: _defaultTokens.default
};
var _default = FormLabel;
exports.default = _default;