@braineet/ui
Version:
Braineet design system
81 lines (80 loc) • 4.87 kB
JavaScript
;
exports.__esModule = true;
exports.TextInfo = exports.StyledName = exports.StyledInfoBox = exports.StyledInfo = exports.StyledEmail = exports.StyledDot = exports.StyledBoxRight = exports.StyledBoxLeft = exports.StyledBoxInfo = exports.StyledBox = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
var _heading = _interopRequireDefault(require("../heading"));
var _text = _interopRequireDefault(require("../text"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var StyledBox = exports.StyledBox = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBox",
componentId: "sc-rd3ygl-0"
})(["display:flex;justify-content:space-between;align-items:center;background-color:white;padding:", ";border-radius:", ";box-shadow:", ";transition:box-shadow 0.3s ease-in-out;overflow:auto;", ""], function (props) {
return props.theme.spaces.md;
}, function (props) {
return props.theme.borderRadius.sm;
}, function (props) {
return props.theme.elevations[1];
}, function (props) {
return props.hasClickCard && (0, _styledComponents.css)(["&:hover{box-shadow:", ",0px 0px 0px 2px ", " inset;cursor:pointer;}"], props.theme.elevations[3], props.theme.utils.lighten('black', 0.1));
});
var StyledBoxLeft = exports.StyledBoxLeft = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBoxLeft",
componentId: "sc-rd3ygl-1"
})(["display:flex;", ""], function (p) {
return p.ellipsis && (0, _styledComponents.css)(["flex:1 1 auto;min-width:0;"]);
});
var StyledBoxRight = exports.StyledBoxRight = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBoxRight",
componentId: "sc-rd3ygl-2"
})(["display:flex;align-items:center;"]);
var StyledBoxInfo = exports.StyledBoxInfo = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBoxInfo",
componentId: "sc-rd3ygl-3"
})(["margin-left:", ";", ""], function (props) {
return props.theme.spaces.md;
}, function (p) {
return p.ellipsis && (0, _styledComponents.css)(["overflow:hidden;"]);
});
var StyledName = exports.StyledName = (0, _styledComponents.default)(_heading.default).withConfig({
displayName: "styles__StyledName",
componentId: "sc-rd3ygl-4"
})(["", ""], function (p) {
return p.ellipsis && (0, _styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
});
var TextInfo = exports.TextInfo = (0, _styledComponents.default)(_text.default).withConfig({
displayName: "styles__TextInfo",
componentId: "sc-rd3ygl-5"
})(["", ""], function (p) {
return p.ellipsis && (0, _styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
});
var StyledInfoBox = exports.StyledInfoBox = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledInfoBox",
componentId: "sc-rd3ygl-6"
})(["display:flex;", ""], function (p) {
return p.ellipsis && (0, _styledComponents.css)(["overflow:hidden;"]);
});
var StyledInfo = exports.StyledInfo = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledInfo",
componentId: "sc-rd3ygl-7"
})(["display:flex;align-items:center;", ""], function (p) {
return p.ellipsis && (0, _styledComponents.css)(["overflow:hidden;"]);
});
var StyledDot = exports.StyledDot = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledDot",
componentId: "sc-rd3ygl-8"
})(["width:", ";height:", ";background-color:", ";margin:0 ", ";"], function (props) {
return props.theme.spaces.sm;
}, function (props) {
return props.theme.spaces.sm;
}, function (props) {
return props.theme.utils.lighten('black', 0.1);
}, function (props) {
return props.theme.spaces.lg;
});
var StyledEmail = exports.StyledEmail = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledEmail",
componentId: "sc-rd3ygl-9"
})([""]);