@braineet/ui
Version:
Braineet design system
33 lines (32 loc) • 1.74 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(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var RangeContainer = exports.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);
});
var DateInput = exports.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;"]);