@atlaskit/profilecard 23.21.7 → 23.21.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/Icon/IconLabel.js +1 -2
- package/dist/cjs/styled/Card.js +36 -110
- package/dist/cjs/styled/Error.js +7 -33
- package/dist/cjs/styled/ReportingLines.js +8 -38
- package/dist/cjs/styled/TeamCard.js +21 -87
- package/dist/cjs/styled/TeamTrigger.js +9 -59
- package/dist/cjs/styled/UserTrigger.js +6 -21
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/Icon/IconLabel.js +1 -2
- package/dist/es2019/styled/Card.js +34 -282
- package/dist/es2019/styled/Error.js +6 -33
- package/dist/es2019/styled/ReportingLines.js +8 -39
- package/dist/es2019/styled/TeamCard.js +20 -87
- package/dist/es2019/styled/TeamTrigger.js +7 -61
- package/dist/es2019/styled/UserTrigger.js +3 -28
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/Icon/IconLabel.js +1 -2
- package/dist/esm/styled/Card.js +36 -110
- package/dist/esm/styled/Error.js +7 -34
- package/dist/esm/styled/ReportingLines.js +8 -39
- package/dist/esm/styled/TeamCard.js +21 -88
- package/dist/esm/styled/TeamTrigger.js +9 -61
- package/dist/esm/styled/UserTrigger.js +5 -23
- package/dist/esm/util/analytics.js +1 -1
- package/dist/types/styled/UserTrigger.d.ts +1 -1
- package/dist/types-ts4.5/styled/UserTrigger.d.ts +1 -1
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 23.21.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#183414](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183414)
|
|
8
|
+
[`db0ca44a22c0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db0ca44a22c0c) -
|
|
9
|
+
NO-ISSUE Clean up feature gate compiled-migration-profilecard
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 23.21.7
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
|
|
|
11
11
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
12
12
|
var addHeaders = function addHeaders(headers) {
|
|
13
13
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
14
|
-
headers.append('atl-client-version', "23.21.
|
|
14
|
+
headers.append('atl-client-version', "23.21.7");
|
|
15
15
|
return headers;
|
|
16
16
|
};
|
|
17
17
|
function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -65,7 +65,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
|
|
|
65
65
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
66
66
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
67
67
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
68
|
-
headers.append('atl-client-version', "23.21.
|
|
68
|
+
headers.append('atl-client-version', "23.21.7");
|
|
69
69
|
return headers;
|
|
70
70
|
};
|
|
71
71
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -16,7 +16,6 @@ var _clockRecent = _interopRequireDefault(require("@atlaskit/icon/core/migration
|
|
|
16
16
|
var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
|
|
17
17
|
var _location = _interopRequireDefault(require("@atlaskit/icon/core/migration/location"));
|
|
18
18
|
var _officeBuilding = _interopRequireDefault(require("@atlaskit/icon/core/migration/office-building"));
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
19
|
var _Card = require("../../styled/Card");
|
|
21
20
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
21
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -44,7 +43,7 @@ var IconLabel = exports.default = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
44
43
|
var displayIcon = IconElement ? /*#__PURE__*/_react.default.createElement(IconElement, {
|
|
45
44
|
label: "".concat(this.props.icon),
|
|
46
45
|
LEGACY_size: "small",
|
|
47
|
-
color:
|
|
46
|
+
color: "var(--ds-text-subtlest, #626F86)"
|
|
48
47
|
}) : null;
|
|
49
48
|
return /*#__PURE__*/_react.default.createElement(_Card.DetailsLabel, {
|
|
50
49
|
extraTopSpace: this.props.extraTopSpace
|
package/dist/cjs/styled/Card.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
2
3
|
"use strict";
|
|
3
4
|
|
|
4
5
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -8,20 +9,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
9
|
exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardContent = exports.CardContainer = exports.AppTitleLabel = exports.AnimationWrapper = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
|
|
9
10
|
require("./Card.compiled.css");
|
|
10
11
|
var _runtime = require("@compiled/react/runtime");
|
|
11
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _react2 = require("@emotion/react");
|
|
14
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
15
13
|
var _css = require("@atlaskit/css");
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
20
|
-
var _constants2 = require("./constants");
|
|
21
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
22
|
-
/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
15
|
var kudosButtonAnimationTransformationCompiled = null;
|
|
26
16
|
var styles = {
|
|
27
17
|
profileImage: "_kqswstnw _154i1ejb _1ltv1ejb",
|
|
@@ -50,194 +40,130 @@ var styles = {
|
|
|
50
40
|
};
|
|
51
41
|
var ProfileImage = exports.ProfileImage = function ProfileImage(_ref) {
|
|
52
42
|
var children = _ref.children;
|
|
53
|
-
return
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
54
44
|
xcss: (0, _css.cx)(styles.profileImage)
|
|
55
|
-
}, children)
|
|
45
|
+
}, children);
|
|
56
46
|
};
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
|
-
var ProfileImageLegacy = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
|
|
59
47
|
var ActionsFlexSpacer = exports.ActionsFlexSpacer = function ActionsFlexSpacer() {
|
|
60
|
-
return
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
61
49
|
xcss: (0, _css.cx)(styles.actionsFlexSpacer)
|
|
62
|
-
})
|
|
50
|
+
});
|
|
63
51
|
};
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
65
|
-
var ActionsFlexSpacerLegacy = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tflex: 1 0 auto;\n"])));
|
|
66
|
-
|
|
67
|
-
// eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
|
|
68
|
-
var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n 0% { transform: translate(-80px, -50px); }\n 100% { transform: translate(90px, -70px); }\n"])));
|
|
69
52
|
var KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = function KudosBlobAnimationStyle() {
|
|
70
|
-
return
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
71
54
|
xcss: (0, _css.cx)(styles.kudosBlobAnimationStyle)
|
|
72
|
-
}) :
|
|
73
|
-
/*#__PURE__*/
|
|
74
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
75
|
-
_react.default.createElement(KudosBlobAnimationStyleLegacy, {
|
|
76
|
-
className: "kudos-blob-animation"
|
|
77
55
|
});
|
|
78
56
|
};
|
|
79
|
-
|
|
80
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
81
|
-
var KudosBlobAnimationStyleLegacy = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: none;\n\theight: 150px;\n\twidth: 150px;\n\tz-index: -1;\n\tposition: absolute;\n\ttop: ", "em;\n\tanimation-name: ", ";\n\tanimation-iteration-count: 1;\n\tanimation-duration: 3s;\n\tbackground-image: radial-gradient(\n\t\tcircle,\n\t\t", " 0%,\n\t\t", " 25%,\n\t\ttransparent 50%\n\t);\n\toverflow: hidden;\n"])), 32 / 14, kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
|
|
82
57
|
var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimation() {
|
|
83
|
-
return
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
84
59
|
xcss: (0, _css.cx)(styles.kudosBlobAnimationStyle)
|
|
85
|
-
})
|
|
86
|
-
};
|
|
87
|
-
var KudosBlobAnimationLegacy = function KudosBlobAnimationLegacy() {
|
|
88
|
-
return /*#__PURE__*/_react.default.createElement(KudosBlobAnimationStyle, null);
|
|
60
|
+
});
|
|
89
61
|
};
|
|
90
62
|
var AnimationWrapper = exports.AnimationWrapper = function AnimationWrapper(_ref2) {
|
|
91
63
|
var children = _ref2.children;
|
|
92
|
-
return
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
93
65
|
xcss: (0, _css.cx)(styles.animationWrapper)
|
|
94
|
-
}, children)
|
|
66
|
+
}, children);
|
|
95
67
|
};
|
|
96
|
-
|
|
97
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
98
|
-
var AnimationWrapperLegacy = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tclip-path: inset(0px 0px 0px 0px round ", "px);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n"])), (0, _constants.borderRadius)());
|
|
99
68
|
var AnimatedKudosButton = exports.AnimatedKudosButton = function AnimatedKudosButton(_ref3) {
|
|
100
69
|
var children = _ref3.children;
|
|
101
|
-
return
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
102
71
|
xcss: (0, _css.cx)(styles.animatedKudosButton)
|
|
103
|
-
}, children)
|
|
72
|
+
}, children);
|
|
104
73
|
};
|
|
105
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
106
|
-
var AnimatedKudosButtonLegacy = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-left: ", ";\n\n\t/* Need babel-plugin-emotion to use component selector */\n\t/* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n\t&:focus-within .kudos-blob-animation,\n\t&:focus .kudos-blob-animation,\n\t&:hover .kudos-blob-animation {\n\t\tdisplay: block;\n\t}\n"])), "var(--ds-space-100, 8px)");
|
|
107
74
|
var ActionButtonGroup = exports.ActionButtonGroup = function ActionButtonGroup(_ref4) {
|
|
108
75
|
var children = _ref4.children,
|
|
109
76
|
testId = _ref4.testId;
|
|
110
|
-
return
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
111
78
|
testId: testId,
|
|
112
79
|
xcss: (0, _css.cx)(styles.actionButtonGroup)
|
|
113
|
-
}, children) : /*#__PURE__*/_react.default.createElement(ActionButtonGroupLegacy, {
|
|
114
|
-
"data-testid": testId
|
|
115
80
|
}, children);
|
|
116
81
|
};
|
|
117
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
118
|
-
var ActionButtonGroupLegacy = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n\tuser-select: none;\n\tmargin: ", " 0 0 0;\n\ttext-align: right;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\n\tbutton,\n\ta {\n\t\tposition: relative;\n\t}\n\n\tbutton,\n\ta,\n\tspan {\n\t\tmargin-left: ", ";\n\n\t\t&:first-child {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\ta,\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
|
|
119
82
|
var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = function OverflowActionButtonsWrapper(_ref5) {
|
|
120
83
|
var children = _ref5.children,
|
|
121
84
|
testId = _ref5.testId;
|
|
122
|
-
return
|
|
85
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
123
86
|
testId: testId,
|
|
124
87
|
xcss: (0, _css.cx)(styles.overflowActionButtonsWrapper)
|
|
125
|
-
}, children) : /*#__PURE__*/_react.default.createElement(OverflowActionButtonsWrapperLegacy, {
|
|
126
|
-
"data-testid": testId
|
|
127
88
|
}, children);
|
|
128
89
|
};
|
|
129
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
130
|
-
var OverflowActionButtonsWrapperLegacy = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: inline-block;\n\twidth: ", ";\n\theight: ", ";\n\tmargin-left: ", ";\n\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
|
|
131
90
|
var CardContent = exports.CardContent = function CardContent(_ref6) {
|
|
132
91
|
var children = _ref6.children;
|
|
133
|
-
return
|
|
92
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
134
93
|
xcss: (0, _css.cx)(styles.cardContent)
|
|
135
|
-
}, children)
|
|
94
|
+
}, children);
|
|
136
95
|
};
|
|
137
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
138
|
-
var CardContentLegacy = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 136px;\n"])));
|
|
139
96
|
var DetailsGroup = exports.DetailsGroup = function DetailsGroup(_ref7) {
|
|
140
97
|
var children = _ref7.children;
|
|
141
|
-
return
|
|
98
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
142
99
|
xcss: (0, _css.cx)(styles.detailsGroup)
|
|
143
|
-
}, children)
|
|
100
|
+
}, children);
|
|
144
101
|
};
|
|
145
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
146
|
-
var DetailsGroupLegacy = _styled.default.div(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: 116px;\n\twidth: 196px;\n"])));
|
|
147
102
|
var DisabledInfo = exports.DisabledInfo = function DisabledInfo(_ref8) {
|
|
148
103
|
var children = _ref8.children;
|
|
149
|
-
return
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
150
105
|
xcss: (0, _css.cx)(styles.disabledInfo)
|
|
151
|
-
}, children)
|
|
106
|
+
}, children);
|
|
152
107
|
};
|
|
153
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
154
|
-
var DisabledInfoLegacy = _styled.default.div(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2.default)(["\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.labelTextColor, "var(--ds-space-150, 12px)");
|
|
155
108
|
var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(_ref9) {
|
|
156
109
|
var children = _ref9.children;
|
|
157
|
-
return
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
158
111
|
xcss: (0, _css.cx)(styles.lozengeWrapper)
|
|
159
|
-
}, children)
|
|
112
|
+
}, children);
|
|
160
113
|
};
|
|
161
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
162
|
-
var LozengeWrapperLegacy = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
163
114
|
var CustomLozengeContainer = exports.CustomLozengeContainer = function CustomLozengeContainer(_ref0) {
|
|
164
115
|
var children = _ref0.children;
|
|
165
|
-
return
|
|
116
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
166
117
|
xcss: (0, _css.cx)(styles.customLozengeContainer)
|
|
167
|
-
}, children)
|
|
118
|
+
}, children);
|
|
168
119
|
};
|
|
169
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
170
|
-
var CustomLozengeContainerLegacy = (0, _styled.default)(LozengeWrapper)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
171
120
|
var JobTitleLabel = exports.JobTitleLabel = function JobTitleLabel(_ref1) {
|
|
172
121
|
var children = _ref1.children;
|
|
173
|
-
return
|
|
122
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
174
123
|
xcss: (0, _css.cx)(styles.jobTitleLabel)
|
|
175
124
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
176
125
|
maxLines: 1,
|
|
177
126
|
color: "color.text.inverse"
|
|
178
|
-
}, children))
|
|
127
|
+
}, children));
|
|
179
128
|
};
|
|
180
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
181
|
-
var JobTitleLabelLegacy = _styled.default.span(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont: ", ";\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n"])), "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.headerTextColor, "var(--ds-space-150, 12px)");
|
|
182
129
|
var AppTitleLabel = exports.AppTitleLabel = function AppTitleLabel(_ref10) {
|
|
183
130
|
var children = _ref10.children;
|
|
184
|
-
return
|
|
131
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
185
132
|
xcss: (0, _css.cx)(styles.appTitleLabel),
|
|
186
133
|
backgroundColor: "color.background.neutral"
|
|
187
134
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
188
135
|
color: "color.text",
|
|
189
136
|
size: "UNSAFE_small",
|
|
190
137
|
weight: "bold"
|
|
191
|
-
}, children))
|
|
138
|
+
}, children));
|
|
192
139
|
};
|
|
193
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
194
|
-
var AppTitleLabelLegacy = _styled.default.span(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: ", ";\n\ttext-transform: uppercase;\n\n\tfont: ", ";\n\tmargin: ", " 0 ", " 0;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-font-weight-bold, 700)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)");
|
|
195
140
|
var CardContainer = exports.CardContainer = function CardContainer(_ref11) {
|
|
196
141
|
var children = _ref11.children,
|
|
197
142
|
isDisabledUser = _ref11.isDisabledUser,
|
|
198
143
|
withoutElevation = _ref11.withoutElevation;
|
|
199
|
-
return
|
|
144
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
200
145
|
xcss: (0, _css.cx)(styles.cardContainer, isDisabledUser ? styles.cardContainerDisabledUser : styles.cardContainerActiveUser, !withoutElevation && styles.cardContainerWithElevation)
|
|
201
|
-
}, children) : /*#__PURE__*/_react.default.createElement(CardContainerLegacy, {
|
|
202
|
-
isDisabledUser: isDisabledUser,
|
|
203
|
-
withoutElevation: withoutElevation
|
|
204
146
|
}, children);
|
|
205
147
|
};
|
|
206
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
207
|
-
var CardContainerLegacy = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% 96px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
|
|
208
|
-
return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
|
|
209
|
-
}, function (props) {
|
|
210
|
-
return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
|
|
211
|
-
}, "var(--ds-space-300, 24px)", function (props) {
|
|
212
|
-
return props.withoutElevation ? '' : "".concat("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"));
|
|
213
|
-
}, function (props) {
|
|
214
|
-
return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
|
|
215
|
-
});
|
|
216
148
|
var DetailsLabel = exports.DetailsLabel = function DetailsLabel(_ref12) {
|
|
217
149
|
var children = _ref12.children,
|
|
218
150
|
_ref12$extraTopSpace = _ref12.extraTopSpace,
|
|
219
151
|
extraTopSpace = _ref12$extraTopSpace === void 0 ? false : _ref12$extraTopSpace;
|
|
220
|
-
return
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
221
153
|
xcss: (0, _css.cx)(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
222
|
-
}, children)
|
|
154
|
+
}, children);
|
|
223
155
|
};
|
|
224
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
225
|
-
var DetailsLabelLegacy = _styled.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
|
|
226
156
|
var DetailsLabelIcon = exports.DetailsLabelIcon = function DetailsLabelIcon(_ref13) {
|
|
227
157
|
var children = _ref13.children;
|
|
228
|
-
return
|
|
158
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
229
159
|
as: "dt",
|
|
230
160
|
xcss: (0, _css.cx)(styles.detailsLabelIcon)
|
|
231
|
-
}, children)
|
|
161
|
+
}, children);
|
|
232
162
|
};
|
|
233
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
234
|
-
var DetailsLabelIconLegacy = _styled.default.dt(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
|
|
235
163
|
var DetailsLabelText = exports.DetailsLabelText = function DetailsLabelText(_ref14) {
|
|
236
164
|
var children = _ref14.children;
|
|
237
|
-
return
|
|
165
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
238
166
|
as: "dd",
|
|
239
167
|
xcss: (0, _css.cx)(styles.detailsLabelText)
|
|
240
|
-
}, children)
|
|
241
|
-
};
|
|
242
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
243
|
-
var DetailsLabelTextLegacy = _styled.default.dd(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tfont: ", ";\n\tpadding-block: ", ";\n\tpadding-left: ", ";\n\tmargin-inline-start: 0;\n\tmargin-top: 0;\n"])), _constants2.labelTextColor, "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
168
|
+
}, children);
|
|
169
|
+
};
|
package/dist/cjs/styled/Error.js
CHANGED
|
@@ -10,52 +10,26 @@ require("./Error.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
14
13
|
var _css = require("@atlaskit/css");
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
15
|
var _colors = require("@atlaskit/theme/colors");
|
|
18
|
-
var _constants = require("./constants");
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
16
|
var styles = {
|
|
21
17
|
errorWrapper: "_y3gn1h6o _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb",
|
|
22
18
|
errorTitle: "_11c82smr _syaz1fxt _19pku2gc",
|
|
23
19
|
teamErrorText: "_syaz1wmz _19pku2gc"
|
|
24
20
|
};
|
|
25
21
|
var ErrorWrapper = exports.ErrorWrapper = function ErrorWrapper(props) {
|
|
26
|
-
return
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
27
23
|
xcss: (0, _css.cx)(styles.errorWrapper)
|
|
28
|
-
}, props))
|
|
29
|
-
"data-testId": props.testId
|
|
30
|
-
}, props.children);
|
|
24
|
+
}, props));
|
|
31
25
|
};
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
33
|
-
var ErrorWrapperLegacy = _styled.default.div({
|
|
34
|
-
textAlign: 'center',
|
|
35
|
-
padding: "var(--ds-space-300, 24px)",
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
|
-
color: _constants.errorIconColor
|
|
38
|
-
});
|
|
39
26
|
var ErrorTitle = exports.ErrorTitle = function ErrorTitle(props) {
|
|
40
|
-
return
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
41
28
|
xcss: (0, _css.cx)(styles.errorTitle)
|
|
42
|
-
}, props.children)
|
|
29
|
+
}, props.children);
|
|
43
30
|
};
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
45
|
-
var ErrorTitleLegacy = _styled.default.p({
|
|
46
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
48
|
-
color: _constants.errorTitleColor,
|
|
49
|
-
margin: "var(--ds-space-100, 8px)".concat(" 0")
|
|
50
|
-
});
|
|
51
31
|
var TeamErrorText = exports.TeamErrorText = function TeamErrorText(props) {
|
|
52
|
-
return
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
53
33
|
xcss: (0, _css.cx)(styles.teamErrorText)
|
|
54
|
-
}, props.children)
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
|
-
var TeamErrorTextLegacy = _styled.default.p({
|
|
59
|
-
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
|
|
60
|
-
marginTop: "var(--ds-space-100, 8px)"
|
|
61
|
-
});
|
|
34
|
+
}, props.children);
|
|
35
|
+
};
|
|
@@ -9,65 +9,35 @@ exports.ReportingLinesSection = exports.OffsetWrapper = exports.ManagerSection =
|
|
|
9
9
|
require("./ReportingLines.compiled.css");
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
13
12
|
var _css = require("@atlaskit/css");
|
|
14
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
13
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
14
|
var styles = {
|
|
18
15
|
reportingLinesSection: "_18u01b66 _19pku2gc",
|
|
19
16
|
managerSection: "_1e0c1txw _4cvr1h6o _18u01b66 _19pk1b66 _otyr1b66 _2hwx1b66",
|
|
20
17
|
managerName: "_11c81o8v _18u0u2gc",
|
|
21
18
|
offsetWrapper: "_19pk1b66 _18u0r5cr"
|
|
22
19
|
};
|
|
23
|
-
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
|
|
25
|
-
var ReportingLinesSectionLegacy = _styled.default.div({
|
|
26
|
-
// Minor left margin to align better with existing icon fields
|
|
27
|
-
marginLeft: "var(--ds-space-050, 4px)",
|
|
28
|
-
marginTop: "var(--ds-space-100, 8px)"
|
|
29
|
-
});
|
|
30
20
|
var ReportingLinesSection = exports.ReportingLinesSection = function ReportingLinesSection(_ref) {
|
|
31
21
|
var children = _ref.children;
|
|
32
|
-
return
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
33
23
|
xcss: (0, _css.cx)(styles.reportingLinesSection)
|
|
34
|
-
}, children)
|
|
24
|
+
}, children);
|
|
35
25
|
};
|
|
36
|
-
|
|
37
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
38
|
-
var ManagerSectionLegacy = _styled.default.div({
|
|
39
|
-
display: 'flex',
|
|
40
|
-
alignItems: 'center',
|
|
41
|
-
margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
|
|
42
|
-
});
|
|
43
26
|
var ManagerSection = exports.ManagerSection = function ManagerSection(_ref2) {
|
|
44
27
|
var children = _ref2.children;
|
|
45
|
-
return
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
46
29
|
xcss: (0, _css.cx)(styles.managerSection)
|
|
47
|
-
}, children)
|
|
30
|
+
}, children);
|
|
48
31
|
};
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
51
|
-
var ManagerNameLegacy = _styled.default.span({
|
|
52
|
-
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
53
|
-
marginLeft: "var(--ds-space-100, 8px)"
|
|
54
|
-
});
|
|
55
32
|
var ManagerName = exports.ManagerName = function ManagerName(_ref3) {
|
|
56
33
|
var children = _ref3.children;
|
|
57
|
-
return
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
58
35
|
xcss: (0, _css.cx)(styles.managerName)
|
|
59
|
-
}, children)
|
|
36
|
+
}, children);
|
|
60
37
|
};
|
|
61
|
-
|
|
62
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
|
|
63
|
-
var OffsetWrapperLegacy = _styled.default.div({
|
|
64
|
-
marginTop: "var(--ds-space-050, 4px)",
|
|
65
|
-
// Offset left margin so the avatar aligns with the heading
|
|
66
|
-
marginLeft: "var(--ds-space-negative-050, -4px)"
|
|
67
|
-
});
|
|
68
38
|
var OffsetWrapper = exports.OffsetWrapper = function OffsetWrapper(_ref4) {
|
|
69
39
|
var children = _ref4.children;
|
|
70
|
-
return
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
71
41
|
xcss: (0, _css.cx)(styles.offsetWrapper)
|
|
72
|
-
}, children)
|
|
42
|
+
}, children);
|
|
73
43
|
};
|
|
@@ -10,13 +10,11 @@ require("./TeamCard.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
14
13
|
var _css = require("@atlaskit/css");
|
|
15
14
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
16
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
18
|
var styles = {
|
|
21
19
|
teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
|
|
22
20
|
teamname: "_11c8lodh _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
|
|
@@ -30,20 +28,12 @@ var styles = {
|
|
|
30
28
|
accesslocksvgwrapper: "_otyr1ejb"
|
|
31
29
|
};
|
|
32
30
|
var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = function TeamForbiddenErrorStateWrapper(props) {
|
|
33
|
-
return
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
34
32
|
xcss: (0, _css.cx)(styles.teamforbiddenerrorstatewrapper)
|
|
35
|
-
}, props))
|
|
36
|
-
"data-testid": props.testId
|
|
37
|
-
}, props.children);
|
|
33
|
+
}, props));
|
|
38
34
|
};
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
40
|
-
var TeamForbiddenErrorStateWrapperLegacy = _styled.default.div({
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
42
|
-
width: '320px',
|
|
43
|
-
position: 'relative'
|
|
44
|
-
});
|
|
45
35
|
var TeamName = exports.TeamName = function TeamName(props) {
|
|
46
|
-
return (0, _platformFeatureFlags.fg)('
|
|
36
|
+
return (0, _platformFeatureFlags.fg)('enable_profilecard_h2tag_a11y_fix') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
47
37
|
xcss: (0, _css.cx)(styles.teamname)
|
|
48
38
|
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
49
39
|
size: "medium",
|
|
@@ -51,104 +41,48 @@ var TeamName = exports.TeamName = function TeamName(props) {
|
|
|
51
41
|
children: props.children
|
|
52
42
|
})) : /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
53
43
|
xcss: (0, _css.cx)(styles.teamname)
|
|
54
|
-
}, props))
|
|
44
|
+
}, props));
|
|
55
45
|
};
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
57
|
-
var TeamNameLegacy = _styled.default.h6({
|
|
58
|
-
font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
59
|
-
textTransform: 'none',
|
|
60
|
-
overflow: 'hidden',
|
|
61
|
-
maxHeight: '48px',
|
|
62
|
-
display: '-webkit-box',
|
|
63
|
-
WebkitLineClamp: 2,
|
|
64
|
-
WebkitBoxOrient: 'vertical'
|
|
65
|
-
});
|
|
66
46
|
var MemberCount = exports.MemberCount = function MemberCount(props) {
|
|
67
|
-
return
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
68
48
|
xcss: (0, _css.cx)(styles.membercount)
|
|
69
|
-
}, props))
|
|
49
|
+
}, props));
|
|
70
50
|
};
|
|
71
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
72
|
-
var MemberCountLegacy = _styled.default.div({
|
|
73
|
-
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
|
|
74
|
-
marginTop: "var(--ds-space-050, 4px)"
|
|
75
|
-
});
|
|
76
51
|
var AvatarSection = exports.AvatarSection = function AvatarSection(props) {
|
|
77
|
-
return
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
78
53
|
xcss: (0, _css.cx)(styles.avatarsection)
|
|
79
|
-
}, props))
|
|
54
|
+
}, props));
|
|
80
55
|
};
|
|
81
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
|
|
82
|
-
var AvatarSectionLegacy = _styled.default.div({
|
|
83
|
-
marginTop: "var(--ds-space-200, 16px)",
|
|
84
|
-
marginLeft: "var(--ds-space-negative-025, -2px)"
|
|
85
|
-
});
|
|
86
56
|
var DescriptionWrapper = exports.DescriptionWrapper = function DescriptionWrapper(props) {
|
|
87
|
-
return
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
88
58
|
xcss: (0, _css.cx)(styles.descriptionwrapper)
|
|
89
|
-
}, props))
|
|
59
|
+
}, props));
|
|
90
60
|
};
|
|
91
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
92
|
-
var DescriptionWrapperLegacy = _styled.default.div({
|
|
93
|
-
marginTop: "var(--ds-space-200, 16px)",
|
|
94
|
-
alignItems: 'center',
|
|
95
|
-
display: 'flex'
|
|
96
|
-
});
|
|
97
61
|
var Description = exports.Description = function Description(props) {
|
|
98
|
-
return
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
99
63
|
xcss: (0, _css.cx)(styles.description)
|
|
100
64
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, (0, _extends2.default)({
|
|
101
65
|
maxLines: 3
|
|
102
|
-
}, props)))
|
|
66
|
+
}, props)));
|
|
103
67
|
};
|
|
104
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
105
|
-
var DescriptionLegacy = _styled.default.span({
|
|
106
|
-
overflow: 'hidden',
|
|
107
|
-
maxHeight: '60px',
|
|
108
|
-
display: '-webkit-box',
|
|
109
|
-
WebkitLineClamp: 3,
|
|
110
|
-
WebkitBoxOrient: 'vertical'
|
|
111
|
-
});
|
|
112
68
|
var ActionButtons = exports.ActionButtons = function ActionButtons(props) {
|
|
113
|
-
return
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
114
70
|
xcss: (0, _css.cx)(styles.actionbuttons),
|
|
115
71
|
backgroundColor: "elevation.surface.overlay"
|
|
116
|
-
}, props))
|
|
72
|
+
}, props));
|
|
117
73
|
};
|
|
118
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
119
|
-
var ActionButtonsLegacy = _styled.default.div({
|
|
120
|
-
width: 'calc(100% + 8px)',
|
|
121
|
-
display: 'flex',
|
|
122
|
-
justifyContent: 'space-between',
|
|
123
|
-
margin: "var(--ds-space-300, 24px)".concat(" ", "var(--ds-space-negative-300, -24px)", " 0 ", "var(--ds-space-negative-100, -8px)"),
|
|
124
|
-
backgroundColor: "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"
|
|
125
|
-
});
|
|
126
74
|
var WrappedButton = exports.WrappedButton = function WrappedButton(props) {
|
|
127
|
-
return
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
128
76
|
xcss: (0, _css.cx)(styles.wrappedbutton)
|
|
129
|
-
}, props))
|
|
77
|
+
}, props));
|
|
130
78
|
};
|
|
131
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
132
|
-
var WrappedButtonLegacy = _styled.default.div({
|
|
133
|
-
flexBasis: 0,
|
|
134
|
-
flexGrow: 1,
|
|
135
|
-
marginLeft: "var(--ds-space-100, 8px)"
|
|
136
|
-
});
|
|
137
79
|
var MoreButton = exports.MoreButton = function MoreButton(props) {
|
|
138
|
-
return
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
139
81
|
xcss: (0, _css.cx)(styles.morebutton)
|
|
140
|
-
}, props))
|
|
82
|
+
}, props));
|
|
141
83
|
};
|
|
142
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
|
|
143
|
-
var MoreButtonLegacy = _styled.default.div({
|
|
144
|
-
marginLeft: "var(--ds-space-100, 8px)"
|
|
145
|
-
});
|
|
146
84
|
var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = function AccessLockSVGWrapper(props) {
|
|
147
|
-
return
|
|
85
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, (0, _extends2.default)({
|
|
148
86
|
xcss: (0, _css.cx)(styles.accesslocksvgwrapper)
|
|
149
|
-
}, props))
|
|
150
|
-
};
|
|
151
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
|
|
152
|
-
var AccessLockSVGWrapperLegacy = _styled.default.div({
|
|
153
|
-
marginBottom: "var(--ds-space-300, 24px)"
|
|
154
|
-
});
|
|
87
|
+
}, props));
|
|
88
|
+
};
|