@atlaskit/user-picker 11.25.4 → 11.25.6
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 +14 -0
- package/afm-cc/tsconfig.json +0 -3
- package/afm-jira/tsconfig.json +0 -3
- package/afm-products/tsconfig.json +0 -3
- package/dist/cjs/components/AddOptionAvatar.js +2 -3
- package/dist/cjs/components/BaseUserPicker.js +5 -3
- package/dist/cjs/components/CustomOption/main.js +2 -3
- package/dist/cjs/components/EmailOption/main.js +2 -3
- package/dist/cjs/components/ExternalUserOption/ExternalAvatarItemOption.js +2 -3
- package/dist/cjs/components/ExternalUserOption/InfoIcon.js +10 -28
- package/dist/cjs/components/ExternalUserOption/main.js +4 -6
- package/dist/cjs/components/GroupOption/main.js +3 -4
- package/dist/cjs/components/PopupControl.js +2 -3
- package/dist/cjs/components/SingleValue.js +2 -2
- package/dist/cjs/components/SingleValueContainer.js +2 -3
- package/dist/cjs/components/TeamOption/main.js +3 -4
- package/dist/cjs/components/UserOption.js +5 -6
- package/dist/cjs/components/assets/github.js +1 -1
- package/dist/cjs/components/assets/google.js +4 -4
- package/dist/cjs/components/assets/microsoft.js +5 -5
- package/dist/cjs/components/assets/slack.js +9 -9
- package/dist/cjs/components/styles.js +9 -10
- package/dist/es2019/components/AddOptionAvatar.js +2 -3
- package/dist/es2019/components/BaseUserPicker.js +5 -3
- package/dist/es2019/components/CustomOption/main.js +3 -3
- package/dist/es2019/components/EmailOption/main.js +2 -3
- package/dist/es2019/components/ExternalUserOption/ExternalAvatarItemOption.js +2 -3
- package/dist/es2019/components/ExternalUserOption/InfoIcon.js +9 -19
- package/dist/es2019/components/ExternalUserOption/main.js +4 -6
- package/dist/es2019/components/GroupOption/main.js +3 -4
- package/dist/es2019/components/PopupControl.js +2 -3
- package/dist/es2019/components/SingleValue.js +2 -2
- package/dist/es2019/components/SingleValueContainer.js +2 -3
- package/dist/es2019/components/TeamOption/main.js +4 -4
- package/dist/es2019/components/UserOption.js +5 -6
- package/dist/es2019/components/assets/github.js +1 -1
- package/dist/es2019/components/assets/google.js +4 -4
- package/dist/es2019/components/assets/microsoft.js +5 -5
- package/dist/es2019/components/assets/slack.js +9 -9
- package/dist/es2019/components/styles.js +9 -10
- package/dist/esm/components/AddOptionAvatar.js +2 -3
- package/dist/esm/components/BaseUserPicker.js +5 -3
- package/dist/esm/components/CustomOption/main.js +3 -3
- package/dist/esm/components/EmailOption/main.js +2 -3
- package/dist/esm/components/ExternalUserOption/ExternalAvatarItemOption.js +2 -3
- package/dist/esm/components/ExternalUserOption/InfoIcon.js +9 -27
- package/dist/esm/components/ExternalUserOption/main.js +4 -6
- package/dist/esm/components/GroupOption/main.js +3 -4
- package/dist/esm/components/PopupControl.js +2 -3
- package/dist/esm/components/SingleValue.js +2 -2
- package/dist/esm/components/SingleValueContainer.js +2 -3
- package/dist/esm/components/TeamOption/main.js +4 -4
- package/dist/esm/components/UserOption.js +5 -6
- package/dist/esm/components/assets/github.js +1 -1
- package/dist/esm/components/assets/google.js +4 -4
- package/dist/esm/components/assets/microsoft.js +5 -5
- package/dist/esm/components/assets/slack.js +9 -9
- package/dist/esm/components/styles.js +9 -10
- package/dist/types/components/BaseUserPicker.d.ts +1 -1
- package/dist/types-ts4.5/components/BaseUserPicker.d.ts +1 -1
- package/package.json +8 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/user-picker
|
|
2
2
|
|
|
3
|
+
## 11.25.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`56b3ad1028c58`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56b3ad1028c58) -
|
|
8
|
+
Clean up feature gate jira_ai_agent_avatar_user_picker_user_option
|
|
9
|
+
|
|
10
|
+
## 11.25.5
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`608c375f6f9b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/608c375f6f9b9) -
|
|
15
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
16
|
+
|
|
3
17
|
## 11.25.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
package/afm-jira/tsconfig.json
CHANGED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.AddOptionAvatar = void 0;
|
|
8
8
|
var _email = _interopRequireDefault(require("@atlaskit/icon/core/email"));
|
|
9
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
10
9
|
var _react = require("@emotion/react");
|
|
11
10
|
var _react2 = _interopRequireDefault(require("react"));
|
|
12
11
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
@@ -19,7 +18,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
19
18
|
|
|
20
19
|
var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge, isPendingAction) {
|
|
21
20
|
var padding = isLozenge ? "var(--ds-space-0, 0px)" : "var(--ds-space-050, 4px)";
|
|
22
|
-
var backgroundColor = isPendingAction && (0, _platformFeatureFlags.fg)('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-background-warning, #FFF5DB)" : "var(--ds-background-neutral,
|
|
21
|
+
var backgroundColor = isPendingAction && (0, _platformFeatureFlags.fg)('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-background-warning, #FFF5DB)" : "var(--ds-background-neutral, #0515240F)";
|
|
23
22
|
return (0, _react.css)({
|
|
24
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
24
|
padding: padding,
|
|
@@ -42,7 +41,7 @@ var AddOptionAvatar = exports.AddOptionAvatar = function AddOptionAvatar(_ref) {
|
|
|
42
41
|
}, (0, _react.jsx)(_email.default, {
|
|
43
42
|
testId: "add-option-avatar-email-icon",
|
|
44
43
|
label: label || '',
|
|
45
|
-
color: isPendingAction && (0, _platformFeatureFlags.fg)('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : "var(--ds-text-subtle,
|
|
44
|
+
color: isPendingAction && (0, _platformFeatureFlags.fg)('twcg-444-invite-usd-improvements-m2-gate') ? "var(--ds-text-warning, #9E4C00)" : "var(--ds-text-subtle, #505258)"
|
|
46
45
|
}))
|
|
47
46
|
);
|
|
48
47
|
};
|
|
@@ -215,6 +215,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
|
|
|
215
215
|
}
|
|
216
216
|
});
|
|
217
217
|
(0, _defineProperty2.default)(_this, "handleFocus", function (event) {
|
|
218
|
+
var _this$props$openMenuO;
|
|
218
219
|
var _this$state = _this.state,
|
|
219
220
|
value = _this$state.value,
|
|
220
221
|
menuIsOpen = _this$state.menuIsOpen;
|
|
@@ -223,7 +224,8 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
|
|
|
223
224
|
}
|
|
224
225
|
_this.startOptionsShownUfoExperience();
|
|
225
226
|
(0, _utils.callCallback)(_this.props.onFocus, _this.getSessionId());
|
|
226
|
-
|
|
227
|
+
var openMenuOnFocus = (_this$props$openMenuO = _this.props.openMenuOnFocus) !== null && _this$props$openMenuO !== void 0 ? _this$props$openMenuO : true;
|
|
228
|
+
if (!_this.isMenuOpenOnClickForSingleSelect && openMenuOnFocus) {
|
|
227
229
|
_this.setState({
|
|
228
230
|
menuIsOpen: true
|
|
229
231
|
});
|
|
@@ -541,7 +543,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
|
|
|
541
543
|
}, {
|
|
542
544
|
key: "render",
|
|
543
545
|
value: function render() {
|
|
544
|
-
var _this$props$
|
|
546
|
+
var _this$props$openMenuO2;
|
|
545
547
|
var _this$props5 = this.props,
|
|
546
548
|
isMulti = _this$props5.isMulti,
|
|
547
549
|
isLoading = _this$props5.isLoading,
|
|
@@ -590,7 +592,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
|
|
|
590
592
|
var menuOpenDeciderProps = _objectSpread({}, !this.isMenuOpenOnClickForSingleSelect && {
|
|
591
593
|
menuIsOpen: menuIsOpen,
|
|
592
594
|
blurInputOnSelect: !isMulti,
|
|
593
|
-
openMenuOnFocus: (_this$props$
|
|
595
|
+
openMenuOnFocus: (_this$props$openMenuO2 = this.props.openMenuOnFocus) !== null && _this$props$openMenuO2 !== void 0 ? _this$props$openMenuO2 : true
|
|
594
596
|
});
|
|
595
597
|
var _this$ariaProps = this.ariaProps,
|
|
596
598
|
ariaLabelledByStandard = _this$ariaProps['aria-labelledby'],
|
|
@@ -11,7 +11,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
11
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
15
14
|
var _react = require("@emotion/react");
|
|
16
15
|
var _react2 = _interopRequireDefault(require("react"));
|
|
17
16
|
var _AvatarItemOption = require("../AvatarItemOption");
|
|
@@ -39,7 +38,7 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
|
|
|
39
38
|
key: "name"
|
|
40
39
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
41
40
|
,
|
|
42
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
41
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
43
42
|
}, (0, _react.jsx)(_HighlightText.HighlightText, {
|
|
44
43
|
highlights: highlight && highlight.name
|
|
45
44
|
}, name))];
|
|
@@ -47,7 +46,7 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
|
|
|
47
46
|
(0, _defineProperty2.default)(_this, "getBylineComponent", function (isSelected, message) {
|
|
48
47
|
return (0, _react.jsx)("span", {
|
|
49
48
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
50
|
-
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected,
|
|
49
|
+
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)"),
|
|
51
50
|
"data-testid": "user-picker-custom-secondary-text"
|
|
52
51
|
}, message);
|
|
53
52
|
});
|
|
@@ -13,7 +13,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _reactIntlNext = require("react-intl-next");
|
|
16
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
17
16
|
var _react2 = require("@emotion/react");
|
|
18
17
|
var _AddOptionAvatar = require("../AddOptionAvatar");
|
|
19
18
|
var _AvatarItemOption = require("../AvatarItemOption");
|
|
@@ -45,13 +44,13 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
|
|
|
45
44
|
key: "name"
|
|
46
45
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
47
46
|
,
|
|
48
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
47
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
49
48
|
}, id);
|
|
50
49
|
});
|
|
51
50
|
(0, _defineProperty2.default)(_this, "renderSecondaryText", function (label) {
|
|
52
51
|
return (0, _react2.jsx)("span", {
|
|
53
52
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
54
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
53
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)"),
|
|
55
54
|
"data-testid": "user-picker-email-secondary-text"
|
|
56
55
|
}, label);
|
|
57
56
|
});
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ExternalAvatarItemOption = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
11
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
13
12
|
* @jsxRuntime classic
|
|
@@ -45,14 +44,14 @@ var textSection = (0, _react.css)({
|
|
|
45
44
|
});
|
|
46
45
|
var getTextStyle = function getTextStyle(isSecondary) {
|
|
47
46
|
var secondaryCssArgs = isSecondary ? {
|
|
48
|
-
color: "var(--ds-text-selected,
|
|
47
|
+
color: "var(--ds-text-selected, #1868DB)",
|
|
49
48
|
font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
50
49
|
} : {};
|
|
51
50
|
return (0, _react.css)(_objectSpread(_objectSpread({
|
|
52
51
|
display: 'flex',
|
|
53
52
|
maxWidth: '100%',
|
|
54
53
|
margin: 0,
|
|
55
|
-
color: "var(--ds-text-selected,
|
|
54
|
+
color: "var(--ds-text-selected, #1868DB)"
|
|
56
55
|
}, {
|
|
57
56
|
secondaryCssArgs: secondaryCssArgs
|
|
58
57
|
}), {}, {
|
|
@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
var _react = require("react");
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
8
|
var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
|
|
12
|
-
var
|
|
9
|
+
var _react = require("@emotion/react");
|
|
13
10
|
/**
|
|
14
11
|
* @jsxRuntime classic
|
|
15
12
|
* @jsx jsx
|
|
@@ -17,32 +14,17 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
17
14
|
|
|
18
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
19
16
|
|
|
20
|
-
var wrapper = (0,
|
|
17
|
+
var wrapper = (0, _react.css)({
|
|
21
18
|
display: 'flex',
|
|
22
19
|
marginRight: "var(--ds-space-050, 4px)"
|
|
23
20
|
});
|
|
24
21
|
var _default = exports.default = function _default() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return setHoverState(false);
|
|
34
|
-
}, [setHoverState]);
|
|
35
|
-
return (
|
|
36
|
-
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
37
|
-
(0, _react2.jsx)("div", {
|
|
38
|
-
css: wrapper,
|
|
39
|
-
onMouseEnter: onMouseEnter,
|
|
40
|
-
onMouseLeave: onMouseLeave
|
|
41
|
-
}, (0, _react2.jsx)(_statusInformation.default, {
|
|
42
|
-
testId: "source-icon",
|
|
43
|
-
label: "",
|
|
44
|
-
spacing: "spacious",
|
|
45
|
-
color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? _colors.N200 : _colors.N50, ")")
|
|
46
|
-
}))
|
|
47
|
-
);
|
|
22
|
+
return (0, _react.jsx)("div", {
|
|
23
|
+
css: wrapper
|
|
24
|
+
}, (0, _react.jsx)(_statusInformation.default, {
|
|
25
|
+
testId: "source-icon",
|
|
26
|
+
label: "",
|
|
27
|
+
spacing: "spacious",
|
|
28
|
+
color: "var(--ds-text-subtlest, #6B6E76)"
|
|
29
|
+
}));
|
|
48
30
|
};
|
|
@@ -14,7 +14,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
var _react2 = require("@emotion/react");
|
|
17
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
18
17
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
19
18
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
20
19
|
var _analytics = require("../../analytics");
|
|
@@ -26,7 +25,6 @@ var _InfoIcon = _interopRequireDefault(require("./InfoIcon"));
|
|
|
26
25
|
var _ExternalAvatarItemOption = require("./ExternalAvatarItemOption");
|
|
27
26
|
var _SourcesTooltipContent = require("./SourcesTooltipContent");
|
|
28
27
|
var _avatar = require("@atlaskit/avatar");
|
|
29
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
30
28
|
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)); }
|
|
31
29
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
32
30
|
* @jsxRuntime classic
|
|
@@ -60,7 +58,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
60
58
|
key: "name"
|
|
61
59
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
62
60
|
,
|
|
63
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
61
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
64
62
|
}, name);
|
|
65
63
|
});
|
|
66
64
|
(0, _defineProperty2.default)(_this, "renderSecondaryText", function () {
|
|
@@ -70,7 +68,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
70
68
|
if (!byline && !email) {
|
|
71
69
|
return;
|
|
72
70
|
}
|
|
73
|
-
var textColor = _this.props.isSelected ? "var(--ds-text-selected,
|
|
71
|
+
var textColor = _this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)";
|
|
74
72
|
|
|
75
73
|
// Render byline if present
|
|
76
74
|
if (byline) {
|
|
@@ -113,7 +111,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
113
111
|
iconColor: iconColor,
|
|
114
112
|
src: avatarUrl,
|
|
115
113
|
presence: status,
|
|
116
|
-
avatarAppearanceShape: (0,
|
|
114
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(appType)
|
|
117
115
|
});
|
|
118
116
|
}
|
|
119
117
|
// Fallback to original behavior
|
|
@@ -121,7 +119,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
121
119
|
appearance: "big",
|
|
122
120
|
src: avatarUrl,
|
|
123
121
|
presence: status,
|
|
124
|
-
avatarAppearanceShape: (0,
|
|
122
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(appType)
|
|
125
123
|
});
|
|
126
124
|
});
|
|
127
125
|
(0, _defineProperty2.default)(_this, "fireEvent", function (eventCreator) {
|
|
@@ -15,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
var _react2 = require("@emotion/react");
|
|
18
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
19
18
|
var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
|
|
20
19
|
var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
|
|
21
20
|
var _AvatarItemOption = require("../AvatarItemOption");
|
|
@@ -31,7 +30,7 @@ var groupOptionIconWrapper = exports.groupOptionIconWrapper = (0, _react2.css)({
|
|
|
31
30
|
padding: "var(--ds-space-025, 2px)",
|
|
32
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
33
32
|
'> span': {
|
|
34
|
-
backgroundColor: "var(--ds-background-neutral,
|
|
33
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
35
34
|
borderRadius: "var(--ds-radius-full, 9999px)",
|
|
36
35
|
padding: "var(--ds-space-050, 4px)"
|
|
37
36
|
}
|
|
@@ -54,7 +53,7 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
|
|
|
54
53
|
key: "name"
|
|
55
54
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
56
55
|
,
|
|
57
|
-
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected,
|
|
56
|
+
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
58
57
|
}, (0, _react2.jsx)(_HighlightText.HighlightText, {
|
|
59
58
|
highlights: highlight && highlight.name
|
|
60
59
|
}, name))];
|
|
@@ -93,7 +92,7 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
|
|
|
93
92
|
};
|
|
94
93
|
return (0, _react2.jsx)("span", {
|
|
95
94
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
96
|
-
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected,
|
|
95
|
+
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)"),
|
|
97
96
|
"data-testid": "user-picker-group-secondary-text"
|
|
98
97
|
}, group.byline ? group.byline : getGroupByline());
|
|
99
98
|
});
|
|
@@ -12,7 +12,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
16
15
|
var _Control = _interopRequireDefault(require("./Control"));
|
|
17
16
|
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)); }
|
|
18
17
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
@@ -25,8 +24,8 @@ var controlWrapper = (0, _react2.css)({
|
|
|
25
24
|
padding: "0px ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
|
|
26
25
|
});
|
|
27
26
|
var labelStyle = (0, _react2.css)({
|
|
28
|
-
color: "var(--ds-text-subtlest,
|
|
29
|
-
font: "var(--ds-font-body-
|
|
27
|
+
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
28
|
+
font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
30
29
|
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
31
30
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
32
31
|
paddingLeft: "var(--ds-space-0, 0px)",
|
|
@@ -55,12 +55,12 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
|
|
|
55
55
|
src: (0, _utils.getAvatarUrl)(data),
|
|
56
56
|
appearance: appearance,
|
|
57
57
|
type: (0, _utils.isTeam)(data) ? 'team' : 'person',
|
|
58
|
-
avatarAppearanceShape: (0,
|
|
58
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(data.appType)
|
|
59
59
|
}) : /*#__PURE__*/React.createElement(_SizeableAvatar.SizeableAvatar, {
|
|
60
60
|
src: (0, _utils.getAvatarUrl)(data),
|
|
61
61
|
appearance: appearance,
|
|
62
62
|
type: (0, _utils.isTeam)(data) ? 'team' : 'person',
|
|
63
|
-
avatarAppearanceShape: (0,
|
|
63
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(data.appType)
|
|
64
64
|
}), /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
65
65
|
xcss: styles.avatarItem
|
|
66
66
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -22,7 +22,6 @@ var _AvatarOrIcon = require("./AvatarOrIcon");
|
|
|
22
22
|
var _SizeableAvatar = require("./SizeableAvatar");
|
|
23
23
|
var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
|
|
24
24
|
var _avatar = require("@atlaskit/avatar");
|
|
25
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
26
25
|
var _excluded = ["children"];
|
|
27
26
|
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)); }
|
|
28
27
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -60,7 +59,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
|
|
|
60
59
|
iconColor: userData.iconColor,
|
|
61
60
|
type: placeholderAvatar,
|
|
62
61
|
src: userData.avatarUrl,
|
|
63
|
-
avatarAppearanceShape: userData
|
|
62
|
+
avatarAppearanceShape: userData ? (0, _avatar.getAppearanceForAppType)(userData.appType) : undefined
|
|
64
63
|
});
|
|
65
64
|
}
|
|
66
65
|
// Fallback to original behavior
|
|
@@ -68,7 +67,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
|
|
|
68
67
|
appearance: appearance,
|
|
69
68
|
type: placeholderAvatar,
|
|
70
69
|
src: userData === null || userData === void 0 ? void 0 : userData.avatarUrl,
|
|
71
|
-
avatarAppearanceShape: userData
|
|
70
|
+
avatarAppearanceShape: userData ? (0, _avatar.getAppearanceForAppType)(userData.appType) : undefined
|
|
72
71
|
});
|
|
73
72
|
}
|
|
74
73
|
return null;
|
|
@@ -12,7 +12,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
12
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
16
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
16
|
var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
|
|
18
17
|
var _react = require("@emotion/react");
|
|
@@ -47,7 +46,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
47
46
|
key: "name"
|
|
48
47
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
49
48
|
,
|
|
50
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
49
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
51
50
|
}, (0, _react.jsx)(_compiled.Inline, {
|
|
52
51
|
alignBlock: "center"
|
|
53
52
|
}, (0, _react.jsx)(_HighlightText.HighlightText, {
|
|
@@ -119,7 +118,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
119
118
|
(0, _defineProperty2.default)(_this, "getBylineComponent", function (isSelected, message) {
|
|
120
119
|
return (0, _react.jsx)("span", {
|
|
121
120
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
122
|
-
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected,
|
|
121
|
+
css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)"),
|
|
123
122
|
"data-testid": "user-picker-team-secondary-text"
|
|
124
123
|
}, message);
|
|
125
124
|
});
|
|
@@ -166,7 +165,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
166
165
|
}
|
|
167
166
|
return (0, _react.jsx)("span", {
|
|
168
167
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
169
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
168
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)")
|
|
170
169
|
}, _this.props.team.byline);
|
|
171
170
|
});
|
|
172
171
|
return _this;
|
|
@@ -12,7 +12,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _avatar = require("@atlaskit/avatar");
|
|
15
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
16
15
|
var _react = require("@emotion/react");
|
|
17
16
|
var _react2 = _interopRequireDefault(require("react"));
|
|
18
17
|
var _AvatarItemOption = require("./AvatarItemOption");
|
|
@@ -53,12 +52,12 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
53
52
|
key: "name"
|
|
54
53
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
55
54
|
,
|
|
56
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
55
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text, #292A2E)")
|
|
57
56
|
}, (0, _react.jsx)(_HighlightText.HighlightText, {
|
|
58
57
|
highlights: highlight && highlight.name
|
|
59
58
|
}, name))];
|
|
60
59
|
if ((0, _utils.hasValue)(publicName) && name.trim() !== publicName.trim()) {
|
|
61
|
-
var color = _this.props.isSelected ? "var(--ds-text-selected,
|
|
60
|
+
var color = _this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)";
|
|
62
61
|
result.push((0, _react.jsx)(_react2.default.Fragment, {
|
|
63
62
|
key: "publicName"
|
|
64
63
|
}, ' ', (0, _react.jsx)("span", {
|
|
@@ -74,7 +73,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
74
73
|
(0, _defineProperty2.default)(_this, "renderSecondaryText", function () {
|
|
75
74
|
return _this.props.user.byline ? (0, _react.jsx)("span", {
|
|
76
75
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
77
|
-
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected,
|
|
76
|
+
css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, #1868DB)" : "var(--ds-text-subtlest, #6B6E76)")
|
|
78
77
|
}, _this.props.user.byline) : undefined;
|
|
79
78
|
});
|
|
80
79
|
(0, _defineProperty2.default)(_this, "renderAvatar", function () {
|
|
@@ -93,7 +92,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
93
92
|
iconColor: iconColor,
|
|
94
93
|
src: avatarUrl,
|
|
95
94
|
presence: status,
|
|
96
|
-
avatarAppearanceShape: (0,
|
|
95
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(appType)
|
|
97
96
|
});
|
|
98
97
|
}
|
|
99
98
|
// Fallback to original behavior
|
|
@@ -101,7 +100,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
|
|
|
101
100
|
appearance: appearance,
|
|
102
101
|
src: avatarUrl,
|
|
103
102
|
presence: status,
|
|
104
|
-
avatarAppearanceShape: (0,
|
|
103
|
+
avatarAppearanceShape: (0, _avatar.getAppearanceForAppType)(appType)
|
|
105
104
|
});
|
|
106
105
|
});
|
|
107
106
|
(0, _defineProperty2.default)(_this, "getLozengeProps", function () {
|
|
@@ -18,6 +18,6 @@ function GitHubIcon(props) {
|
|
|
18
18
|
fillRule: "evenodd",
|
|
19
19
|
clipRule: "evenodd",
|
|
20
20
|
d: "M11.9778 0C5.3635 0 0 5.45261 0 12.179C0 17.5601 3.432 22.1253 8.19114 23.7357C8.78975 23.8484 9.00952 23.4715 9.00952 23.1498C9.00952 22.8594 8.99841 21.9 8.99326 20.8823C5.66103 21.6191 4.95789 19.4454 4.95789 19.4454C4.41303 18.0376 3.62796 17.6633 3.62796 17.6633C2.54122 16.9074 3.70988 16.923 3.70988 16.923C4.91266 17.0089 5.54598 18.178 5.54598 18.178C6.61428 20.0399 8.34803 19.5016 9.03154 19.1904C9.13904 18.4033 9.44945 17.866 9.792 17.5619C7.13157 17.2539 4.33487 16.2096 4.33487 11.5429C4.33487 10.2133 4.80278 9.12682 5.56899 8.27391C5.44463 7.96716 5.03464 6.72844 5.68502 5.05087C5.68502 5.05087 6.69084 4.72354 8.97976 6.29927C9.9352 6.02942 10.9599 5.89409 11.9778 5.88945C12.9957 5.89409 14.0212 6.02942 14.9784 6.29927C17.2645 4.72354 18.269 5.05087 18.269 5.05087C18.9209 6.72844 18.5107 7.96716 18.3864 8.27391C19.1544 9.12682 19.6191 10.2133 19.6191 11.5429C19.6191 16.2207 16.8171 17.2507 14.1499 17.5522C14.5795 17.9301 14.9623 18.6713 14.9623 19.8076C14.9623 21.4371 14.9484 22.7487 14.9484 23.1498C14.9484 23.4739 15.164 23.8537 15.7712 23.7341C20.5277 22.1219 23.9554 17.5582 23.9554 12.179C23.9554 5.45261 18.5927 0 11.9778 0Z",
|
|
21
|
-
fill: "var(--ds-text-inverse,
|
|
21
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
22
22
|
}));
|
|
23
23
|
}
|
|
@@ -18,21 +18,21 @@ function GoogleIcon(props) {
|
|
|
18
18
|
fillRule: "evenodd",
|
|
19
19
|
clipRule: "evenodd",
|
|
20
20
|
d: "M8.32062 3.21332L10.014 1.55999C8.97396 0.593331 7.62063 0 6.00062 0C3.65396 0 1.62729 1.34666 0.640625 3.30665L2.58062 4.81331C3.06729 3.36665 4.41396 2.31999 6.00062 2.31999C7.12729 2.31999 7.88729 2.80665 8.32062 3.21332Z",
|
|
21
|
-
fill: "var(--ds-text-inverse,
|
|
21
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
22
22
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
23
23
|
fillRule: "evenodd",
|
|
24
24
|
clipRule: "evenodd",
|
|
25
25
|
d: "M11.76 6.13291C11.76 5.63958 11.72 5.27958 11.6333 4.90625H6V7.13291H9.30667C9.24 7.68624 8.88 8.51957 8.08 9.07957L9.97333 10.5462C11.1067 9.49956 11.76 7.95957 11.76 6.13291V6.13291V6.13291Z",
|
|
26
|
-
fill: "var(--ds-text-inverse,
|
|
26
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
27
27
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
28
28
|
fillRule: "evenodd",
|
|
29
29
|
clipRule: "evenodd",
|
|
30
30
|
d: "M2.58667 7.18662C2.46 6.81329 2.38667 6.41329 2.38667 5.99996C2.38667 5.58663 2.46 5.18663 2.58 4.8133L0.64 3.30664C0.233333 4.11997 0 5.0333 0 5.99996C0 6.96662 0.233333 7.87995 0.64 8.69328L2.58667 7.18662V7.18662Z",
|
|
31
|
-
fill: "var(--ds-text-inverse,
|
|
31
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
32
32
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
33
33
|
fillRule: "evenodd",
|
|
34
34
|
clipRule: "evenodd",
|
|
35
35
|
d: "M6.00079 12.0008C7.62079 12.0008 8.98079 11.4675 9.97413 10.5475L8.08079 9.08083C7.57413 9.43416 6.89413 9.68082 6.00079 9.68082C4.41413 9.68082 3.06746 8.63416 2.58746 7.1875L0.647461 8.69416C1.63413 10.6542 3.65413 12.0008 6.00079 12.0008V12.0008V12.0008Z",
|
|
36
|
-
fill: "var(--ds-text-inverse,
|
|
36
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
37
37
|
}));
|
|
38
38
|
}
|
|
@@ -18,21 +18,21 @@ function MicrosoftIcon(props) {
|
|
|
18
18
|
clipPath: "url(#clip0)"
|
|
19
19
|
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
20
20
|
d: "M0 0H5.70233V5.7023H0V0Z",
|
|
21
|
-
fill: "var(--ds-text-inverse,
|
|
21
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
22
22
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
23
23
|
d: "M6.29785 0H12.0002V5.7023H6.29785V0Z",
|
|
24
|
-
fill: "var(--ds-text-inverse,
|
|
24
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
25
25
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
26
26
|
d: "M0 6.29688H5.70233V11.9992H0V6.29688Z",
|
|
27
|
-
fill: "var(--ds-text-inverse,
|
|
27
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
28
28
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
29
29
|
d: "M6.29785 6.29688H12.0002V11.9992H6.29785V6.29688Z",
|
|
30
|
-
fill: "var(--ds-text-inverse,
|
|
30
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
31
31
|
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
32
32
|
id: "clip0"
|
|
33
33
|
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
34
34
|
width: "12",
|
|
35
35
|
height: "11.9999",
|
|
36
|
-
fill: "var(--ds-text-inverse,
|
|
36
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
37
37
|
}))));
|
|
38
38
|
}
|
|
@@ -18,33 +18,33 @@ function SlackIcon(props) {
|
|
|
18
18
|
clipPath: "url(#clip0)"
|
|
19
19
|
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
20
20
|
d: "M2.51653 7.5688C2.51653 8.26133 1.9508 8.82706 1.25826 8.82706C0.565731 8.82706 0 8.26133 0 7.5688C0 6.87627 0.565731 6.31055 1.25826 6.31055H2.51653V7.5688Z",
|
|
21
|
-
fill: "var(--ds-text-inverse,
|
|
21
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
22
22
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
23
23
|
d: "M3.15039 7.5688C3.15039 6.87627 3.71612 6.31055 4.40865 6.31055C5.10119 6.31055 5.66692 6.87627 5.66692 7.5688V10.7193C5.66692 11.4119 5.10119 11.9776 4.40865 11.9776C3.71612 11.9776 3.15039 11.4119 3.15039 10.7193V7.5688Z",
|
|
24
|
-
fill: "var(--ds-text-inverse,
|
|
24
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
25
25
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
26
26
|
d: "M4.40865 2.51651C3.71612 2.51651 3.15039 1.95079 3.15039 1.25826C3.15039 0.565728 3.71612 0 4.40865 0C5.10119 0 5.66692 0.565728 5.66692 1.25826V2.51651H4.40865Z",
|
|
27
|
-
fill: "var(--ds-text-inverse,
|
|
27
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
28
28
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
29
29
|
d: "M4.4088 3.15039C5.10133 3.15039 5.66706 3.71612 5.66706 4.40865C5.66706 5.10118 5.10133 5.6669 4.4088 5.6669H1.25826C0.565731 5.6669 0 5.10118 0 4.40865C0 3.71612 0.565731 3.15039 1.25826 3.15039H4.4088Z",
|
|
30
|
-
fill: "var(--ds-text-inverse,
|
|
30
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
31
31
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
32
32
|
d: "M9.46094 4.40865C9.46094 3.71612 10.0267 3.15039 10.7192 3.15039C11.4117 3.15039 11.9775 3.71612 11.9775 4.40865C11.9775 5.10118 11.4117 5.6669 10.7192 5.6669H9.46094V4.40865Z",
|
|
33
|
-
fill: "var(--ds-text-inverse,
|
|
33
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
34
34
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
35
35
|
d: "M8.8261 4.40878C8.8261 5.10131 8.26036 5.66704 7.56783 5.66704C6.8753 5.66704 6.30957 5.10131 6.30957 4.40878V1.25826C6.30957 0.565728 6.8753 0 7.56783 0C8.26036 0 8.8261 0.565728 8.8261 1.25826V4.40878Z",
|
|
36
|
-
fill: "var(--ds-text-inverse,
|
|
36
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
37
37
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
38
38
|
d: "M7.56881 9.46094C8.26134 9.46094 8.82707 10.0267 8.82707 10.7192C8.82707 11.4117 8.26134 11.9775 7.56881 11.9775C6.87628 11.9775 6.31055 11.4117 6.31055 10.7192V9.46094H7.56881Z",
|
|
39
|
-
fill: "var(--ds-text-inverse,
|
|
39
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
40
40
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
41
41
|
d: "M7.56881 8.82706C6.87628 8.82706 6.31055 8.26133 6.31055 7.5688C6.31055 6.87627 6.87628 6.31055 7.56881 6.31055H10.7193C11.4119 6.31055 11.9776 6.87627 11.9776 7.5688C11.9776 8.26133 11.4119 8.82706 10.7193 8.82706H7.56881Z",
|
|
42
|
-
fill: "var(--ds-text-inverse,
|
|
42
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
43
43
|
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
44
44
|
id: "clip0"
|
|
45
45
|
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
46
46
|
width: "12",
|
|
47
47
|
height: "11.9999",
|
|
48
|
-
fill: "var(--ds-text-inverse,
|
|
48
|
+
fill: "var(--ds-text-inverse, #FFFFFF)"
|
|
49
49
|
}))));
|
|
50
50
|
}
|