@atlaskit/profilecard
Version:
A React component to display a card with user information.
91 lines (90 loc) • 4.4 kB
JavaScript
/* TeamCard.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.WrappedButton = exports.TeamName = exports.TeamForbiddenErrorStateWrapper = exports.MoreButton = exports.MemberCount = exports.DescriptionWrapper = exports.Description = exports.AvatarSection = exports.ArchiveLozengeWrapper = exports.ActionButtons = exports.AccessLockSVGWrapper = void 0;
require("./TeamCard.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _css = require("@atlaskit/css");
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
var _compiled = require("@atlaskit/primitives/compiled");
var _colors = require("@atlaskit/theme/colors");
var styles = {
teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
teamname: "_11c81af2 _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
membercount: "_syaz1wmz _19pk1b66",
avatarsection: "_19pkpxbi _18u01i6y",
descriptionwrapper: "_19pkpxbi _4cvr1h6o _1e0c1txw",
description: "_1reo15vq _18m915vq _c71l1wqb _1e0ccj1k",
actionbuttons: "_1bsb1osq _1e0c1txw _1bah1yb4 _19pk1ejb _2hwx10v4 _otyridpf _18u0x0bf",
wrappedbutton: "_i0dlidpf _16jlkb7n _18u0u2gc",
morebutton: "_18u0u2gc",
accesslocksvgwrapper: "_otyr1ejb",
archiveLozengeWrapper: "_19pk1b66"
};
var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = function TeamForbiddenErrorStateWrapper(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.teamforbiddenerrorstatewrapper)
}, props));
};
var TeamName = exports.TeamName = function TeamName(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.teamname)
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
size: "medium",
as: "h2",
children: props.children
}));
};
var MemberCount = exports.MemberCount = function MemberCount(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.membercount)
}, props));
};
var AvatarSection = exports.AvatarSection = function AvatarSection(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.avatarsection)
}, props));
};
var DescriptionWrapper = exports.DescriptionWrapper = function DescriptionWrapper(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.descriptionwrapper)
}, props));
};
var Description = exports.Description = function Description(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
xcss: (0, _css.cx)(styles.description)
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, (0, _extends2.default)({
maxLines: 3
}, props)));
};
var ActionButtons = exports.ActionButtons = function ActionButtons(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.actionbuttons),
backgroundColor: "elevation.surface.overlay"
}, props));
};
var WrappedButton = exports.WrappedButton = function WrappedButton(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.wrappedbutton)
}, props));
};
var MoreButton = exports.MoreButton = function MoreButton(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.morebutton)
}, props));
};
var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = function AccessLockSVGWrapper(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.accesslocksvgwrapper)
}, props));
};
var ArchiveLozengeWrapper = exports.ArchiveLozengeWrapper = function ArchiveLozengeWrapper(props) {
return /*#__PURE__*/_react.default.createElement(_compiled.Inline, (0, _extends2.default)({
xcss: (0, _css.cx)(styles.archiveLozengeWrapper)
}, props));
};