@stokr/components-library
Version:
STOKR - Components Library
47 lines (46 loc) • 3.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Wrapper = exports.Title = exports.StyledFormError = exports.SelectWrapper = exports.Label = exports.InputWrap = exports.EqualSign = exports.Container = exports.Caption = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Select = require("../Input/Select.styles");
var _Form = require("../Form/Form");
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__Wrapper",
componentId: "sc-hce2mi-0"
})(["display:flex;justify-content:space-between;"]);
const Container = exports.Container = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__Container",
componentId: "sc-hce2mi-1"
})([""]);
const Title = exports.Title = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__Title",
componentId: "sc-hce2mi-2"
})(["font-size:12px;font-weight:700;line-height:24px;letter-spacing:2px;color:", ";text-transform:uppercase;", ""], props => _theme.default.cBlack, props => props.error && "color: ".concat(_theme.default.cWarning, ";"));
const InputWrap = exports.InputWrap = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__InputWrap",
componentId: "sc-hce2mi-3"
})(["padding-top:9px;input{font-size:22px;font-weight:300;line-height:28px;padding-bottom:11px;padding-top:0;}"]);
const StyledFormError = exports.StyledFormError = (0, _styledComponents.default)(_Form.FormError).withConfig({
displayName: "InvestCalculatorstyles__StyledFormError",
componentId: "sc-hce2mi-4"
})(["font-size:13px;font-weight:300;line-height:16px;letter-spacing:0.4px;font-style:italic;top:0;width:min-content;min-width:100%;", ""], props => props.paddingTop && 'padding-top: 12px;');
const Caption = exports.Caption = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__Caption",
componentId: "sc-hce2mi-5"
})(["font-size:13px;font-weight:300;line-height:16px;padding-top:12px;letter-spacing:0.4px;font-style:italic;"]);
const EqualSign = exports.EqualSign = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__EqualSign",
componentId: "sc-hce2mi-6"
})(["margin:auto;font-size:34px;font-weight:300;color:", ";opacity:0.5;padding:0px 30px;"], props => _theme.default.cBlack);
const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__SelectWrapper",
componentId: "sc-hce2mi-7"
})(["padding-bottom:2px;", "", "", "{padding:0;border:0;height:24px;min-height:24px;font-size:12px;font-weight:700;line-height:24px;letter-spacing:2px;margin-top:-2px;}"], _Select.SelectControl, _Select.SelectControl, _Select.SelectControl);
const Label = exports.Label = _styledComponents.default.div.withConfig({
displayName: "InvestCalculatorstyles__Label",
componentId: "sc-hce2mi-8"
})(["", ""], props => props.error && "color: ".concat(_theme.default.cWarning, ";"));