@braineet/ui
Version:
Braineet design system
35 lines (34 loc) • 1.84 kB
JavaScript
;
exports.__esModule = true;
exports.RangeContainer = exports.DateInput = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
var _input = _interopRequireDefault(require("../input"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var RangeContainer = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "RangeDatePickerstyles__RangeContainer",
componentId: "sc-1macak2-0"
})(["display:flex;align-items:center;background-color:", ";border:2px solid ", ";color:", ";outline:none;box-sizing:border-box;border-radius:", ";height:40px;&::placeholder{color:", ";}&:not([disabled]):hover{background-color:", ";}"], function (p) {
return p.theme.colors.background.light.grey;
}, function (p) {
return p.theme.utils.lighten('black', 0.1);
}, function (p) {
return p.theme.colors.black;
}, function (props) {
return props.theme.borderRadius.md;
}, function (p) {
return p.theme.colors.black;
}, function (p) {
return p.theme.utils.lighten('black', 0.1);
});
exports.RangeContainer = RangeContainer;
var DateInput = (0, _styledComponents.default)(_input.default).attrs(function (p) {
return _extends({
autoRefresh: true
}, p);
}).withConfig({
displayName: "RangeDatePickerstyles__DateInput",
componentId: "sc-1macak2-1"
})(["border:none;background-color:transparent !important;"]);
exports.DateInput = DateInput;