"use strict";

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

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

var _primitives = require("../../../primitives");

var _forms = require("./forms.css-rules");

var _head = require("../../typography/head/head.css-rules");

var _branding = require("../../../mixins/branding");

var _typography = require("../../../mixins/typography");

var _spacing = require("../../../mixins/spacing");

var _stackee = require("../../../mixins/stackee");

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

var ErrorLabel = _styledComponents["default"].span.attrs(function () {
  return {
    fontSize: 'f0'
  };
}).withConfig({
  displayName: "ErrorLabel",
  componentId: "sc-1jsdj1v-0"
})(["margin-top:15px;margin-bottom:15px;line-height:13px;font-family:", ";font-size:", ";color:", ";"], _head.getHFontFamily, _typography.getFontSize, (0, _branding.getPaletteColor)('error-fg'));

exports.ErrorLabel = ErrorLabel;
ErrorLabel.displayName = 'ErrorLabel';
var FormBox = (0, _styledComponents["default"])(_primitives.Box).withConfig({
  displayName: "FormBox",
  componentId: "sc-1jsdj1v-1"
})(["border-radius:", ";border:1px solid ", ";background-color:", ";font-family:", ";font-size:", ";overflow:hidden;", ";", ";"], _forms.getCardBorderRadius, (0, _branding.getPaletteColor)('greyscale-light'), (0, _branding.getPaletteColor)('white'), _typography.getFontFamily, _typography.getFontSize, _spacing.getSpacingRules, _stackee.getStackeeRules);
exports.FormBox = FormBox;
var FormRow = (0, _styledComponents["default"])(_primitives.Box).withConfig({
  displayName: "FormRow",
  componentId: "sc-1jsdj1v-2"
})(["&&{min-height:60px;border-bottom:", " solid ", ";}&:first-child{border-radius:6px 6px 0 0;}&:last-child{border-radius:0 0 6px 6px;}"], _forms.getBottomBorderWidth, (0, _branding.getPaletteColor)('greyscale-light'));
exports.FormRow = FormRow;